如何讓Flash不遮擋HTML div元素的技巧
來(lái)源:易賢網(wǎng) 閱讀:641 次 日期:2014-11-28 10:01:48
溫馨提示:易賢網(wǎng)小編為您整理了“如何讓Flash不遮擋HTML div元素的技巧”,方便廣大網(wǎng)友查閱!

今天在寫一個(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"

腳本之家使用代碼:

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">

<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="" width="300" height="250">');

document.write('<param name="movie" value="" />');

document.write('<param name="quality" value="high" /><param name="wmode" value="opaque" />');

document.write('<embed src="" quality="high" pluginspage="" type="application/x-shockwave-flash" width="300" height="250" wmode="opaque"></embed>');

document.write('</object>');

</script>

</div>

<div id="div2">

<a href="" target="_blank"><img src="" width="300" height="250"/></a>

</div>

</div>

</body>

</html>

標(biāo)準(zhǔn)的的Flash插入

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<!-- 標(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)畫" /></a>

</object>

不會(huì)遮住層的Flash

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<!-- 不會(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)畫" /></a>

</object>

透明的Flash

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<!-- 透明的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)畫" /></a>

</object>

wmode 屬性/參數(shù)值 Window | Opaque | Transparent

模板變量:$WM,(可選)允許使用 Internet Explorer 4.0 中的透明 Flash 內(nèi)容、絕對(duì)定位和分層顯示功能。此標(biāo)記/屬性僅在帶有 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)畫性能。

"Opaque windowless"和"Transparent windowless"都可與 HTML 層交互,從而允許 SWF 文件上方的層遮蔽應(yīng)用程序。這兩種選項(xiàng)之間的差異在于"Transparent"允許透明,因此,如果 SWF 文件的某一部分是透明的,則 SWF 文件下方的 HTML 層可以透過(guò)該部分顯示出來(lái),而"opaque"則不會(huì)顯示。

更多信息請(qǐng)查看IT技術(shù)專欄

更多信息請(qǐng)查看網(wǎng)頁(yè)制作
易賢網(wǎng)手機(jī)網(wǎng)站地址:如何讓Flash不遮擋HTML div元素的技巧
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
相關(guān)閱讀網(wǎng)頁(yè)制作

2025國(guó)考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)