7.30日(rì)音(yīn)訊,flash ↑®↔動畫(huà)在網頁最頂層的(de)解決方法。在網頁制(zhì)↓☆¥作(zuò)的(de)時(shí)候經常會(huì)出現(x♥✘iàn)一(yī)些(xiē)關于flash層的(de)問(wèn&♣ &)題,如(rú)本想設置某個(gè)層在最上(shàng)面,z-index☆£↔$也(yě)設為(wèi)很(hěn)大(dà)的(de)了(le),但✘≠(dàn)還(hái)是(shì)被網頁中的(de)f↓¶lash的(de)遮住了(le),與是(shì)查找相(xiàng)關資料±←β₩得(de)知(zhī)Flash默認總是(shì)會(huì)顯示在頁面₹≈φ★的(de)最頂層,也(yě)就(jiù)是(shì)說(s ↓ ®huō)如(rú)果頁面上(shàng)存在一(yī)些(xiē)DHTML→Layer,那(nà)麽這(zhè)些(xiē)層£✔¶将會(huì)被Flash蓋住。即使設置了(le)z-index屬性也♥₹≈(yě)無濟于事(shì)。Adobe的(de)技(jì)術(shù)知☆₽(zhī)識庫裡(lǐ)提供了(le)解決的(de)辦法λ•:Flashcontentdisplayson±≤topofallDHTMLlayers。
參數(shù)針對(duì)IE:給<object>标< 簽增加wmode
<paramname=&qu∞×§ot;wmode"value=&qu≥↔&ot;transparent">
針對(duì)FIREFOX給<embed>₽↔☆;标簽也(yě)增加類似參數(shù)
wmode="transpare✘®××nt"
<objectclassid="clsid:D27C↕≥>§DB6E-AE6D-11cf-96B8-4445535400β™00"
codebase="http://≠ download.macromedia.com/pub/shockwave≤¶/cabs/flash/swflash.cab#ve'¥§★rsion=7,0,19,0"width="75≤£§∑6"height="2∏₩≠00"
<paramname="movie"valu↔♣e="*.swf"/>
<paramname="qua§₽≤lity"value="high"♦★ />
<paramname="wmode"valδ<ε&ue="transparent">
</object>
下(xià)面對(duì)上(shàn₽δ÷★g)面的(de)代碼進行(xíng)詳細€↑λ的(de)解析:
flash插入網頁中,如(rú)果和(hé)其他(tā)元§±€©素有(yǒu)重疊,無論我們如(rú)何設置z-index,Flash都(dō±€u)會(huì)浮動在其他(tā)元素之≠☆上(shàng)。這(zhè)是(shì)為♦'☆→(wèi)什(shén)麽呢(ne)?
1、其實與z-index無關,浏覽器(qì)解析頁面時(shí),會☆↑↔≤(huì)先判斷元素的(de)類型,如(rú)果是(shì)<α窗(chuāng)口類型的(de),會(huì)優先于非¶窗(chuāng)口類型的(de)元素,顯示在頁面最頂端,如(r×★αú)果同屬于非窗(chuāng)口類型的(de),才±₩∏♥回去(qù)判斷z-index的(de)大(dà)小(xiǎo)。
2、Flash嵌入網頁中,有(yǒu)個(gè)wmode屬性,用(y¥ òng)于指定窗(chuāng)口模式,其值有(yǒu)windowγε窗(chuāng)口、opaque非窗(chuāng)口不(bù)透明λ↓(míng)、transparent非窗(chuāng)口透明∑₩→(míng)三種。其中window表
示Flash以窗(chuāng)口形式顯示,opaque和(hé↑♠¶)transparent表示Flash以非窗(chuā<★σng)口的(de)形式顯示,如(rú)果不(b≥"αù)顯示這(zhè)是(shì)wmode屬性,默認的(de₽↕≠)wmode的(de)值為(wèi)window。無論我們如($≤rú)
何設置z-index也(yě)不(bù)會(huλ€ δì)有(yǒu)效果。解決的(de)辦法就(jiù↓φ∞€)是(shì)這(zhè)事(shì)wmode屬性為(wèi)opaque或♠∏transparent。因為(wèi)Flash在ie和(hé)f☆∏f下(xià)是(shì)用(yòng)不(bù)γ♣<✘同的(de)标簽嵌入的(de)(ie下(xià™•≤™)一(yī)boject标簽嵌入,firefδ∑φox下(xià)embed标簽嵌入)所以我們需要(yào)對(du'☆α✔ì)兩種标簽記性設置.
通(tōng)過代碼的(de)相(xià←£ng)關的(de)解析,相(xiàng)信大(dà)家(jiā)應該✘♥₩♠能(néng)夠很(hěn)好(hǎo)的(©σ¥de)理(lǐ)解為(wèi)什(shén)麽flash插入網↕≠€頁中,如(rú)果和(hé)其他(tā)元素有(yǒu)×重疊,無論我們如(rú)何設置z-index,Flas♦←Ω↓h都(dōu)會(huì)浮動在其他(tā)元素之上(shàn≤πσg)呢(ne)!同時(shí)也(yě)會(huì)使用(yòng)本 ∞β文(wén)章(zhāng)中給出的(de)方"≠<法很(hěn)好(hǎo)的(de)解決這(zhè)個÷£(gè)問(wèn)題。