FLASH遮挡DIV浮动层解决方案兼容IE FF Chrome

www.111cn.net 更新:2015-01-21 编辑:tiger 来源:本站整理
FLASH遮挡DIV浮动层的解决方法只需要在相关的参数中增加两个指定参数值就可以解决了,具体的解决 方法如下文介绍。

在建设网站的时候经常会遇到 ,Div层被flash挡住或者DIV层被视频文件挡住的情况

在使用z-index无效果,终于搜到一种很简洁的答案,先记录下来方便碰到同样问题下次解决。

Flash的解决方法,代码如下:


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

重点:

1. <param name=”wmode” value=”transparent”/>
2. <embed wmode=”transparent”>

在<embed >中加入 wmode=”transparent”属性,Firefox中层的问题就迎刃而解。
视频文件的解决方法,代码如下:

<div style=”relative; width:。; height:。; overflow:hidden;”>
<embed src=”视频文件地址”    WindowlessVideo=”1“></embed>
</div>

说明:WindowlessVideo=”1″加这个参数很重要,在IE系列的浏览器下,有了这个参数都可以让DIV层正常显示在视频文件上方了。

style=”relative; width:。; height:。; overflow:hidden;”这句是为了解决FF下的问题。
设置flash置底,加个代码:<param name=”wmode” value=”opaque” />
但是只加这个代码,IE可行,在FF下,失效。要想在FF下起作用,还要用在<object 里加个 wmode=”opaque”>

相关内容

    暂无与此文章相关内容