首页 > 代码库 > ie8 下使用video 标签的z-index问题
ie8 下使用video 标签的z-index问题
最近在项目中遇到了一个问题,就是在ie8下video的z-index 很小,但是却始终显示在最上面,经过很长时间的查论,最终解决了这个问题。
1、设置flash为透明:但是如果你在DW中插入动画,再加<param name="wmode" value="http://www.mamicode.com/transparent">是不生效的。要把整个的flash插件12代码换成如下:<object type="application/x-shockwave-flash" data="http://www.konnech.cn/2/images/banner.swf" width="560" height="210">
<param name="movie" value="http://www.konnech.cn/2/images/banner.swf" />
<param name="wmode" value="http://www.mamicode.com/transparent" />
</object>
对比一下,和DW自动生成的代码是有区别的,测试过,IE FF 均可以。
2、设置flash置底,加个代码:<param name="wmode" value="http://www.mamicode.com/opaque" />但是只加这个代码,IE可行,在FF下,失效。要想在FF下起作用,还要用在object 里加个 wmode="opaque" ,12实例代码如下:
<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="560" height="210">
<param name="movie" value="http://www.konnech.cn/2/images/banner.swf" />
<param name="quality" value="http://www.mamicode.com/high" />
<param name="wmode" value="http://www.mamicode.com/opaque">
<embed src="http://www.konnech.cn/2/images/banner.swf" wmode="opaque" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="560" height="210"></embed>
</object>
ie8 下使用video 标签的z-index问题