在建设网站的时候经常会遇到 ,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”>