解決embed標籤設置z-index無效

今天寫靜態頁面,發現在ie8下embed標籤總是顯示在最高層,遮住了導航,無論怎麼設置z-index的值都無效,幾經周折,終於找到了答案.

給embed標籤添加個  wmode="transparent" 這個屬性,文件就解決了.當然wmode還有個值是Opaque.

網上搜到的介紹是這樣的:

Opaque 模式

這是一種無窗口模式,在這種情況下flash player沒有自己的窗口句柄,這就需要瀏覽器需要告訴flash player在瀏覽器的渲染表面繪製的時間和位置。這時flash影片就不會在高於瀏覽器HTML渲染表面而是與其他元素一樣在同一個頁面上,因此你就可以使用z-index值來控制DHTML元素是遮蓋flash或者被遮蓋。

Transparent 模式

透明模式,在這種模式下flash player會將stage的背景色alpha值將爲0並且只會繪製stage上真實可見的對象,同樣你也可以使用z-index來控制flash影片的深度值,但是與Opaque模式不同的是這樣做會降低flash影片的回放效果,而且在9.0.115之前的flash player版本設置wmode=”opaque”或”transparent”會導致全屏模式失效。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章