剛做了個幻燈片廣告，產(chǎn)品人員需要在第一個位置放flash，然后其他的都是圖片，但是幻燈片切換到第一張的時候，圓圈tab元素不見了，只有在谷歌瀏覽器下面正常，用firebug看是被flash蓋住了，，用定位和z-index設(shè)置始終沒辦法解決。

后面換了個思路想了下，發(fā)現(xiàn)是flash透明問題，頓時覺悟了。

導(dǎo)致原因：flash默認是在最高層的(和object如網(wǎng)頁播放器，彈出菜單一樣)，但是flash可以有通過設(shè)置放到層的下面。下面介紹下方法吧，先看下截圖:

正常情況：

不正常情況：

解決方法：

在flash插件里面加個wmode="transparent"屬性即可，此屬性是設(shè)置flash透明的。

既然提到wmode，就說下他的三個屬性：

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

模板變量：$WM

說明：

“Window”在 Web 頁上用影片自己的矩形窗口來播放應(yīng)用程序。“Window”表明 Flash 應(yīng)用程序與 HTML層沒有任何交互，并且始終位于最頂層。

“Opaque” 使應(yīng)用程序隱藏頁面上位于它后面的所有內(nèi)容。

“Transparent”使 HTML 頁的背景可以透過應(yīng)用程序的所有透明部分進行顯示，這樣可能會降低動畫性能。

“Opaque windowless”和“Transparent windowless” 都可與 HTML 層交互，并允許 SWF文件上方的層遮蔽應(yīng)用程序。這兩種選項之間的差異在于“Transparent”允許透明，因此，如果 SWF 文件的某一部分是透明的，則SWF 文件下方的 HTML 層可以透過該部分顯示出來。

如果忽略此屬性，默認值為 Window。僅適用于 object。

好啦，寫完收工~~~

總結(jié)

以上是生活随笔為你收集整理的html flash层级,解决FLASH遮住其他层元素问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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