本文轉(zhuǎn)自：http://www.prower.cn/technic/1032

很多人在寫頁面代碼時都會遇到過這樣一個問題，那就是當(dāng)Flash與頁面中的其它HTML結(jié)構(gòu)有重疊的時候，默認(rèn)情況下Flash總是顯示在最上 面，從而遮擋住了與它有重疊部分的HTML結(jié)構(gòu)，就算為該Flash或是HTML結(jié)構(gòu)標(biāo)簽定義z-index屬性卻依然是無效的。

因?yàn)槟J(rèn)情況下在網(wǎng)頁中添加的Flash在瀏覽器中是以窗口模式存在的，是獨(dú)立于瀏覽器的HTML結(jié)構(gòu)渲染的，所以這種情況下的Flash會遮蓋住與它重疊的HTML。

比如這個頁面：Flash的層疊順序（z-index）

在Adobe Flash的發(fā)布設(shè)置里關(guān)于HTML的設(shè)置有一項(xiàng)是“窗口模式”，這里面提供了三個選項(xiàng)，分別是：窗口(window)、不透明無窗口(opaque)、透明無窗口(transparent)。

?

這三種模式分別表示著Flash在頁面中的三種表現(xiàn)形式，根據(jù)這三種表現(xiàn)形式，我們就找到了解決這個問題的方法，就是將頁面中的Flash模式 (wmode)設(shè)置為不透明無窗口(opaque)或者是透明無窗口(transparent)，在這兩種模式下頁面中的Flash將與HTML結(jié)構(gòu)是處 于同一級別的，所以就可以通過z-index來控制頁面中的重疊部分到底是Flash顯示在上還是HTML結(jié)構(gòu)顯示在上。

比如這個頁面：Flash的層疊順序(z-index)

當(dāng)我們需要在頁面中加載一個彈出Flash廣告時，并且不希望它被頁面中的其它Flash所遮擋時，就可以使用這種方法來解決。同樣的如果這個彈出 Flash是不規(guī)則形狀的時候，就可以將模式(wmode)設(shè)置為透明無窗口(transparent)，這樣即可以除去Flash本身所帶有的背景

轉(zhuǎn)載于:https://www.cnblogs.com/zhaojiacan/p/3494546.html

總結(jié)

以上是生活随笔為你收集整理的Flash的层叠顺序问题(z-index)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。