本文轉自：http://www.prower.cn/technic/1032

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

因為默認情況下在網頁中添加的Flash在瀏覽器中是以窗口模式存在的，是獨立于瀏覽器的HTML結構渲染的，所以這種情況下的Flash會遮蓋住與它重疊的HTML。

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

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

?

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

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

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

轉載于:https://www.cnblogs.com/zhaojiacan/p/3494546.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。