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

最新推荐文章于 2023-07-12 10:47:41 发布

原创最新推荐文章于 2023-07-12 10:47:41 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

8 篇文章

订阅专栏

本文提供了解决在项目中DIV浮动层被FLASH遮挡的方法，包括在不同浏览器环境下（如IE、Firefox和Chrome）的实现方式。通过使用特定的HTML标签属性（如`<param name=wmode value=transparent>`），可以确保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的方式是一样的，注意一些标签不可省略