专注于discuz,uchome,dedecms等各类PHP程序仿站(二次开发和模板制作)。

« »
2015-01-21CSS+HTML

2,670 阅读

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

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

原创文章如转载,请注明:转载自火跃工作室
本文网址:http://www.huoyue.org/flash-div-float

日志信息 »

该日志于2015-01-21 11:10由 火跃 发表在CSS+HTML分类下, 评论已关闭。

相关日志 »

  • 暂无相关日志

没有评论

抱歉,评论被关闭