flash遮住div的问题

在HTML中,如果嵌入Flash,默认会将flash放在页面的最上面。也就是说,即使用绝对定位,将z-index设的无穷高,页面里的任何元素还是无法将它盖住。这时候,有两种方法可以控制flash的z-index

1、在嵌入flash时,设置flash的wmode参数为opaque
2、在嵌入flash时,设置flash的wmode参数为transparent

对应的IE和FireFox的代码如下所示,

发现ie和FF加该参数的方式不同,遂针对处理了一下,这下都可以了。

让Flash不档住浮动对象或层的关键参数:wmode=opaque

方法:

针对IE 在<object></object>内加上参数<param name="wmode" value="opaque" />
针对FF 在<embed />内加上参数wmode="opaque"

 

 

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="770" height="96">
<param name="movie" value="banner.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<embed src="banner.swf" quality="high" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="770" height="96"></embed>
</object>

参考地址:http://www.111cn.net/cssdiv/163/51544.htm

posted @ 2016-08-17 11:41  花影疏帘  阅读(108)  评论(0)    收藏  举报