网页中引入flash及flash背景透明

最新推荐文章于 2021-06-02 18:43:00 发布

原创最新推荐文章于 2021-06-02 18:43:00 发布 · 235 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flash #IE #Firefox #JavaScript #浏览器 #ViewUI

本文介绍如何在不同浏览器中实现Flash背景透明的方法。通过调整<param>标签中的wmode属性值，可以在IE中实现透明效果；对于Mozilla和Firefox浏览器，则需要在<embed>标签中设置wmode属性。

实现代码：
<object classid= "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 " codebase= "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 " width= "980 " height= "128">
<param name="movie" value="webjx_com.swf">
<param name="wmode" value="transparent">
<embed src="<%=path %>/homepage/banner.swf" quality="high" wmode="transparent" pluginspage= "http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash " type= "application/x-shockwave-flash " width= "980 " height= "128 "></embed>
</object>

DIV中FLASH透明
1、在Flash加入：<param name="wmode" value="opaque">
2、在DIV里加入：position:absolute;z-index:10;（数字越大越处于上层）

要在IE中实现flash背景透明，需要加这样一个值：
<param name="wmode" value="transparent">

而在Mozilla、Firefox浏览器中起作用的是这个标签 <embed></embed> 那这样，在<embed>标签内加入属性 wmode="transparent" 就可以实现flash背景透明。

相关解释：
<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

<param>标签用于为object标签提供嵌入内容的运行时参数的name与value对。
param标签是单独出现的。
param标签用于定义网页中嵌入内容的运行时参数。
param标签应使用在object或applet标签内。

<embed> 插入控件对象，例如Flash、ActiveX控件等等

wmode属性：
“Window ” 在 Web 页上用影片自己的矩形窗口来播放应用程序，并且始终位于最顶层。默认值为 Window。仅适用于object。
“Opaque ” 显示页面上位于它后面的内容。
“Transparent”使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。

Window速度快、有效率，但无法使用z-index，也没有办法混用于DHTML图层当中。

Opaque除了可以让你正确控制z-index的样式，也可以透过Javascript來控制它的大小或是移动swf的位置！Opaque的背景可是没有办法透明的，也就是说，任何內容都会被放在swf下面。

Transparent，把flash的背景变成透明。