FLASH遮挡DIV浮动层解决方案兼容IE FF Chrome
发布时间:2013-09-11 15:15:50 作者:佚名
我要评论
DIV浮动层被FLASH遮挡,这种情况想必有很多人都有遇到过吧,下面针对,主流浏览器做了下解决方案,感兴趣的朋友可以参考下
做项目的时候经常会遇到DIV浮动层被FLASH遮挡的,下面给出解决方案。
IE下:
<param name="wmode" value="transparent" />
FireFox和Chrome下:
<embed src="http://player.56.com/v_ODk4OTI0NjA.swf" quality="high" width="480" height="405" wmode="transparent"></embed>
完整格式:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="480" height="405">
<param name="movie" value="http://player.56.com/v_ODk4OTI0NjA.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="http://player.56.com/v_ODk4OTI0NjA.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="480" height="405" wmode="transparent"></embed>
</object>
注意插入优酷视频和插入flash的方式是一样的, 注意一些标签不可省略
IE下:
复制代码
代码如下:<param name="wmode" value="transparent" />
FireFox和Chrome下:
复制代码
代码如下:<embed src="http://player.56.com/v_ODk4OTI0NjA.swf" quality="high" width="480" height="405" wmode="transparent"></embed>
完整格式:
复制代码
代码如下:<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="480" height="405">
<param name="movie" value="http://player.56.com/v_ODk4OTI0NjA.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="http://player.56.com/v_ODk4OTI0NjA.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="480" height="405" wmode="transparent"></embed>
</object>
注意插入优酷视频和插入flash的方式是一样的, 注意一些标签不可省略
相关文章
- IE6下层被select控件遮住的问题想必大家在布局过程中都有遇到过吧,其实解决方法很简单就是在层里套个iframe,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助2013-08-19
- 使用embed来内嵌视频,因为视频是windows media player,上面想用div浮动一些内容,最后设定了windowlessVideo=1终于解决,感兴趣的朋友可以参考下,希望对大家有所帮助2013-08-07
- 浮层遮挡情况想必大家在测试网页布局师会有遇到过吧,如果浮层中的元素覆盖的区域含有设置了postion:relative的元素,在IE7中浮层就有可能无法遮挡这些元素,下面是具体的2013-05-07
- 今天有任务让加个蒙版,JS小白的我在网上找了个修改下,改成了JS模版以后可以重复用啦,本文将详细介绍DIV遮罩层如何实现,需要的 朋友可以参考下2012-11-20
- 巧用CSS3 border实现图片遮罩效果代码,需要的朋友可以参考下2012-04-09
- 背景半透明,覆盖整个可视区域的遮罩层效果在工作中经常会遇到,这篇文章主要介绍了当内容超过一屏时如何做到多浏览器的兼容性。 下面我们通过一个简单的例子看看如何实现2011-12-08
- 背景半透明,覆盖整个可视区域的遮罩层效果在工作中经常会遇到,这篇文章主要介绍了当内容超过一屏时如何做到多浏览器的兼容性。 下面我们通过一个简单的例子看看如何实现2011-10-30
- 使用div制作蒙版或模拟弹出窗口,但在IE6下,当div下方有下拉列表框select元素的时候,下拉列表框会划破div显示在div之上,不论z-index设为何值均会出现此问题,可能由于下2011-07-29
- 用到遮罩弹窗时在网上搜索,看到绝大多数都是基于Jquery的。我不想用那么复杂的应用,于是自己写了一个。2011-07-27
- 在进行网页布局设计的时候,经常会根据需要设置相对定位,绝对以及浮动定位最近突然发现了一个奇妙的现象:IE6下绝对定位元素神秘消失或被遮挡, 首先是IE绝对定位元素神秘2011-07-22


最新评论