兼容各浏览器的FLASH透明方法

今天兴冲冲的把刚弄好的MP3播放器传到小博里调试,弄了好久,最后才发现是在服务器上读不了lrc文件(汗死)。但此外又发现了一个问题,在FF下FLASH不能透明!

原来是太性急了忘了在embed标签里面加wmode属性了,在这里就把各个浏览器下让FLASH透明的方法整理一下吧。

在IE6下很容易,把FLASH所在的DIV的z-index属性设为-1就可以了。

IE7下应该大多数人都知道,在<object>标签里面加上
<param name=”wmode” value=”transparent” />或者
<param name=”wmode” value=”opaque” />

在FF跟Chrome中,在IE7的基础上再在<embed>标签里添加属性wmode=”transparent”或wmode=”opaque”。

在这里列一个总的代码:

<div style=”z-index:-1;”>
<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=”350″ height=”180″>
     <param name=”movie” value=”/mp3/player.swf” />
     <param name=”quality” value=”high” />
     <param name=”wmode” value=”transparent” />
     <embed src=”/mp3/player.swf” quality=”high” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” width=”350″ height=”180″ wmode=”transparent”></embed>
   </object>
 </div>

或者可以简写为
<object width="550" height="400" data="flash.swf" type="application/x-shockwave-flash">
<param name="wmode" value="transparent" />
<param name="src" value="flash.swf" />
</object>

相关文章

Moondy 发表于 2008-12-29 1,599 Views | 类别: Xhtml/Css

一条留言 立即发表评论

  1. #1oo1711 @ 2011-11-12 17:37 回复

    请问博主应该修改哪个文件,我html,css小白,使用3D标签云在ie下无法透明,此法可以解决么?

评论

:icon07 :icon02 :icon16 :icon23 :icon37 :icon05 :icon38 :icon35 more »
(Ctrl + Enter)