国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

html元素遮擋flash詳解示例

2019-10-26 17:15:43
字體：大 中 小
來源：轉載
供稿：網友


復制代碼
代碼如下:
wmode參數：
transparent模式：可用z-index控制層級
opaque模式：可用z-index控制層級
window模式：flash層級在瀏覽器核心顯示窗口之上，flash會蓋住與他重合的html

情景1（可修改flash的wmode參數）
修改wmode屬性為，transparent或opaque

DEMO如下：
 

復制代碼
代碼如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML元素遮擋Flash - 情景1 </title>
<style>
html, body, object, embed{ padding: 0; margin: 0; }
.m-box { position: relative; }</p><p> .m-flash, .m-flash embed { width: 400px; }
.m-shadow { position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: #ccc; }
</style>
</head>
<body>
<!--transparent-->
<div class="m-box">
<object class="m-flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="src" value="<a >
<param name="wmode" value="transparent"/>
<embed wmode="transparent" src="<a ></embed</a>>
</object></p><p> <div class="m-shadow">
Jununx，歡迎您！--transparent
</div>
</div></p><p><!--opaque-->
<div class="m-box">
<object class="m-flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="src" value="<a >
<param name="wmode" value="opaque"/>
<embed wmode="opaque" src="<a ></embed</a>>
</object></p><p> <div class="m-shadow">
Jununx，歡迎您！--opaque
</div>
</div></p><p></body>
</html>

情景2（不可修改flash的wmode參數）-- flash和你的iframe遮擋層在同一個頁面
注：如果要兼容Safari、Opera，那么請直接告訴需求這個遮不了

DEMO如下：
 

復制代碼
代碼如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML元素遮擋Flash - 情景2 </title>
<style>
html, body, object, embed{ padding: 0; margin: 0; }
.m-box { position: relative; }</p><p> .m-flash, .m-flash embed { width: 400px; }
.m-flash { position: relative; z-index: 1; }
.m-shadow { position: absolute; top: 0; left: 0; z-index: 2; width: 100px; height: 100px; background-color: #ccc; }
.m-shadow-txt { position: absolute; z-index: 2; }
.m-shadow-ifr { position: absolute; z-index: -1; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }
</style>
</head>
<body>
<!--window-->
<div class="m-box">
<object class="m-flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="src" value="<a >
<param name="wmode" value="window"/>
<embed wmode="window" src="<a ></embed</a>>
</object></p><p> <div class="m-shadow">
<div class="m-shadow-txt">Jununx，歡迎您！--window</div>
<iframe class="m-shadow-ifr" frameborder="0"></iframe>
</div>
</div></p><p></body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 剑河县| 抚州市| 巴彦县| 渭源县| 监利县| 屏山县| 河南省| 湖北省| 隆昌县| 苍南县| 崇明县| 黄浦区| 莆田市| 新龙县| 栾城县| 金坛市| 长葛市| 华蓥市| 山阴县| 新竹县| 哈巴河县| 永清县| 额尔古纳市| 蓝山县| 弋阳县| 乌拉特后旗| 柞水县| 兰考县| 新河县| 石狮市| 文登市| 名山县| 策勒县| 龙口市| 肥东县| 建瓯市| 九龙坡区| 玉山县| 全州县| 镇江市| 松潘县|