7.30日音訊,flash動(dòng)畫(huà)在網(wǎng)頁(yè)最頂層的解決方法。在網(wǎng)頁(yè)制作的時(shí)候經(jīng)常會(huì)出現(xiàn)一些關(guān)于flash層的問(wèn)題,如本想設(shè)置某個(gè)層在最上面,z-index也設(shè)為很大的了,但還是被網(wǎng)頁(yè)中的flash的遮住了,與是查找相關(guān)資料得知Flash默認(rèn)總是會(huì)顯示在頁(yè)面的最頂層,也就是說(shuō)如果頁(yè)面上存在一些DHTMLLayer,那么這些層將會(huì)被Flash蓋住。即使設(shè)置了z-index屬性也無(wú)濟(jì)于事。Adobe的技術(shù)知識(shí)庫(kù)里提供了解決的辦法:FlashcontentdisplaysontopofallDHTMLlayers。
參數(shù)針對(duì)IE:給<object>標(biāo)簽增加wmode
<paramname="wmode"value="transparent">
針對(duì)FIREFOX給<embed>標(biāo)簽也增加類似參數(shù)
wmode="transparent"
<objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"width="756"height="200"
<paramname="movie"value="*.swf"/>
<paramname="quality"value="high"/>
<paramname="wmode"value="transparent">
</object>
下面對(duì)上面的代碼進(jìn)行詳細(xì)的解析:
flash插入網(wǎng)頁(yè)中,如果和其他元素有重疊,無(wú)論我們?nèi)绾卧O(shè)置z-index,F(xiàn)lash都會(huì)浮動(dòng)在其他元素之上。這是為什么呢?
1、其實(shí)與z-index無(wú)關(guān),瀏覽器解析頁(yè)面時(shí),會(huì)先判斷元素的類型,如果是窗口類型的,會(huì)優(yōu)先于非窗口類型的元素,顯示在頁(yè)面最頂端,如果同屬于非窗口類型的,才回去判斷z-index的大小。
2、Flash嵌入網(wǎng)頁(yè)中,有個(gè)wmode屬性,用于指定窗口模式,其值有window窗口、opaque非窗口不透明、transparent非窗口透明三種。其中window表
示Flash以窗口形式顯示,opaque和transparent表示Flash以非窗口的形式顯示,如果不顯示這是wmode屬性,默認(rèn)的wmode的值為window。無(wú)論我們?nèi)?/div>
何設(shè)置z-index也不會(huì)有效果。解決的辦法就是這事wmode屬性為opaque或transparent。因?yàn)镕lash在ie和ff下是用不同的標(biāo)簽嵌入的(ie下一boject標(biāo)簽嵌入,firefox下embed標(biāo)簽嵌入)所以我們需要對(duì)兩種標(biāo)簽記性設(shè)置.
通過(guò)代碼的相關(guān)的解析,相信大家應(yīng)該能夠很好的理解為什么flash插入網(wǎng)頁(yè)中,如果和其他元素有重疊,無(wú)論我們?nèi)绾卧O(shè)置z-index,F(xiàn)lash都會(huì)浮動(dòng)在其他元素之上呢!同時(shí)也會(huì)使用本文章中給出的方法很好的解決這個(gè)問(wèn)題。
本文由邯鄲網(wǎng)絡(luò)公司首創(chuàng)網(wǎng)絡(luò)整理編輯發(fā)布,請(qǐng)勿轉(zhuǎn)載、復(fù)制、摘抄等!