html元素遮擋flash詳解範例_HTML/Xhtml_網頁製作
- WBOY原創
- 2016-05-16 16:38:111462瀏覽
複製程式碼
程式碼如下:w可用z-index控制層級
opaque模式：可用z-index控制層級
window模式：flash層級在瀏覽器核心顯示視窗之上，flash會蓋住與他重合的html
修改wmode屬性為，transparent或opaque
複製程式碼碼
Jununx，歡迎您！ --transparent
Jununx，歡迎您！ --opaque
情境2（不可修改flash的wmode參數）-- flash和你的iframe遮擋層在同一個頁面
註：如果要相容Safari、Opera，那麼請直接告訴需求這個遮不了
複製程式碼
程式碼如下:
HTML元素凸顯Flash - 場景2
碼
HTML元素凸顯Flash - 場景2 title><br> <style><br /> html, body, object, embed{ padding: 0;保證金：0; }<br /> .m-box { 位置：相對; }
<p> .m-flash { 位置：相對；寬度：400px；高度：400像素； z 索引：1； }<br /> .m-shadow { 位置：絕對；頂部：0；左：0； z 索引： 2；寬度：100px；高度：100px；背景顏色：#ccc; }<br /> .m-shadow-txt { 位置：絕對； z 索引：2; }<br /> .m-shadow-ifr { 位置：絕對； z 索引：-1；寬度：100%；高度：100%；不透明度：0；過濾器：阿爾法（不透明度=0）； }<br /> </style>
<br><br>
HTML元素凸顯Flash - 場景3
HTML元素凸顯Flash - 場景2
Jununx，歡迎您！ --window
場景3（不可修改flash的wmode參數）--flash是被一個iframe頁面引入的
註：如果木有權限操作iframe頁面，那麼請直接告訴需求這個不行註：如果要兼容Safari 、歌劇，那就請直接告訴需求這根本不行
DEMO頁：
複製程式碼
程式碼如下：碼
Jununx，歡迎您！ --window
iframe頁：
複製程式碼
程式碼如下：HTML元素凸顯Flash - 場景3
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn