在HTML中如何讓Flash不遮擋div元素
發(fā)表時(shí)間：2023-09-19 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這次給大家?guī)?lái)在HTML中怎樣讓Flash不遮擋div元素，在HTML中讓Flash不遮擋div元素的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。今天在寫(xiě)一個(gè)flash廣告代碼的時(shí)候，因?yàn)閒lash自帶的鏈接，容易被當(dāng)成彈出廣告，所以做了一個(gè)div層放到flash上面，這樣鏈接都是a觸發(fā)的不會(huì)...
這次給大家?guī)?lái)在HTML中怎樣讓Flash不遮擋div元素，在HTML中讓Flash不遮擋div元素的
注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。
今天在寫(xiě)一個(gè)flash廣告代碼的時(shí)候，因?yàn)閒lash自帶的鏈接，容易被當(dāng)成彈出廣告，所以做了一個(gè)div層放到flash上面，這樣鏈接都是a觸發(fā)的不會(huì)被攔截，但發(fā)現(xiàn)flash一直處于div層上面，原來(lái)flash需要加個(gè)參數(shù)才可以。
讓flash置于DIV層之下的方法，讓flash不擋住飄浮層或下拉菜單，讓Flash不檔住浮動(dòng)對(duì)象或?qū)拥年P(guān)鍵參數(shù)：wmode=opaque。
方法如下：
針對(duì)IE 在<object></object>內(nèi)加上參數(shù)<param name="wmode" value="opaque" />
針對(duì)FF 在<embed />內(nèi)加上參數(shù)wmode="opaque"
腳本之家使用代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>22cn</title>
<style type="text/css">
<!--
body {
position:relative;
z-index:0;
margin:0; padding:0
}
body,td,th {
color: #333333;
}
*{margin:0; padding:0}
img{ border:0}
#jb51{ position:relative; width:300px; height:250px}
#div1 {
position:absolute;
left:0;
top:0;
width:300px;
height:250px; z-index:-1
}
#div2 {
position:absolute;
left:0;
top:0;
width:300px;
height:250px;
z-index:99999;
}
-->
</style></head>
<body>
<div id="jb51">
<div id="div1">
<script type="text/javascript">
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="250">');
document.write('<param name="movie" value="http://img.jb51.net/image/22cn_jb51net.swf" />');
document.write('<param name="quality" value="high" /><param name="wmode" value="opaque" />');
document.write('<embed src="http://img.jb51.net/image/22cn_jb51net.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="250" wmode="opaque"></embed>');
document.write('</object>');
</script>
</div>
<div id="div2">
<a href="http://i.am.cn/?s=jb51pic2" target="_blank"><img src="http://img.jb51.net/image/touming.png" width="300" height="250"/></a>
</div>
</div>
</body>
</html>標(biāo)準(zhǔn)的的Flash插入
設(shè)置高度與寬度：
width="400" height="400"
設(shè)置路徑：
data="style/flash/001.swf" 與 value="style/flash/001.swf"
替代文本或替代圖片：
<a href="" title=""><img src="" alt="" /></a> 也可以不要這段
-->
<object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">
<param name="movie" value="style/flash/001.swf" />
<a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash動(dòng)畫(huà)" /></a>
</object>
不會(huì)遮住層的Flash
<!-- 不會(huì)遮住層的Flash
讓Flash不檔住浮動(dòng)對(duì)象或?qū)拥年P(guān)鍵屬性：
<param name="wmode" value="opaque" />
<embed wmode="opaque"></embed>
-->
<object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">
<param name="movie" value="style/flash/001.swf" />
<param name="wmode" value="opaque" />
<embed wmode="opaque"></embed>
<a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash動(dòng)畫(huà)" /></a>
</object>
透明的Flash
<!-- 透明的Flash 讓Flash透明的關(guān)鍵屬性： <param name="wmode" value="transparent"> -->
<object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">
<param name="movie" value="style/flash/001.swf" />
<param name="wmode" value="transparent">
<a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash動(dòng)畫(huà)" /></a>
</object>
wmode 屬性/參數(shù)值 Window Opaque Transparent
模板變量：$WM，（可選）允許使用 Internet Explorer 4.0 中的透明 Flash 內(nèi)容、絕對(duì)定位和分層顯示功能。此標(biāo)記/屬性?xún)H在帶有 Flash Player ActiveX 控件的 Windows 中有效。
"Window"在 Web 頁(yè)上用影片自己的矩形窗口來(lái)播放應(yīng)用程序。"Window"表明此 Flash 應(yīng)用程序與 HTML 層沒(méi)有任何交互，并且始終位于最頂層。
"Opaque" 使應(yīng)用程序隱藏頁(yè)面上位于它后面的所有內(nèi)容。
"Transparent"使 HTML 頁(yè)的背景可以透過(guò)應(yīng)用程序的所有透明部分顯示出來(lái)，并且可能會(huì)降低動(dòng)畫(huà)性能。
"Opaque windowless"和"Transparent windowless"都可與 HTML 層交互，從而允許 SWF 文件上方的層遮蔽應(yīng)用程序。這兩種選項(xiàng)之間的差異在于"Transparent"允許透明，因此，如果 SWF 文件的某一部分是透明的，則 SWF 文件下方的 HTML 層可以透過(guò)該部分顯示出來(lái)，而"opaque"則不會(huì)顯示。
如果忽略此屬性，默認(rèn)值為 Window。僅適用于 object。
相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
相關(guān)閱讀：
html如何使用title屬性讓鼠標(biāo)懸停來(lái)顯示文字
html怎樣使用超鏈接打開(kāi)新窗口并且控制該窗口屬性
a標(biāo)簽href屬性與onclick事件應(yīng)該如何使用
以上就是在HTML中怎樣讓Flash不遮擋div元素的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
