FLASH遮挡DIV解决方案，兼容IE FF Chrome

小小码世界

于 2013-09-10 17:23:32 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： css

本文链接：https://blog.youkuaiyun.com/helpzp2008/article/details/11532539

css 专栏收录该内容

8 篇文章

订阅专栏

本文提供了解决在项目中DIV浮动层被FLASH遮挡的方法，包括在不同浏览器环境下（如IE、Firefox和Chrome）的实现方式。通过使用特定的HTML标签属性（如`<param name=wmode value=transparent>`），可以确保DIV元素不受FLASH内容遮挡，保障页面布局的一致性和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做项目的时候经常会遇到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的方式是一样的，注意一些标签不可省略