要在一个静态的背景上加一个透明的Flash会显示动态的效果,按照常规方式加了代码后,在IE中能显示透明背景Flash,但是用火狐Firefox浏览器谷歌浏览器却发现没有透明的效果,下面介绍一下关于各浏览器透明的方法。
引用<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="282" height="146">
<param name="movie" value="dabaishi7-13.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="dabaishi7-13.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="282" height="146"></embed>
</object>
要在IE中实现flash背景透明,需要加这样一个值:
引用<param name="wmode" value="transparent">
而在Mozilla、Firefox火狐浏览器谷歌浏览器中起作用的是这个标签 <embed></embed> 那这样,在<embed>标签内加入属性 wmode="transparent" 就可以实现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" width="282" height="146">
<param name="movie" value="dabaishi7-13.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="dabaishi7-13.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="282" height="146"></embed>
</object>
这样在三个主流浏览器内核(不止是三个哦,很多浏览都是用IE内核和苹果的内核,所以是在绝大多数浏览上都能实现了)上都可以实现flash透明了。
为什么会这样?我搜了一下 简单的解释就是:这是 Macromedia 自己对和IE Netscape 提供的 API 不同,Flash 6 后修正了这个问题。