透明背景flash html5,div层被flash遮住的解决方法，flash背景透明，点击下面元素

网页的时候发现html中创建的div层被flash遮住了，设置z-index也不行。网上搜索之后，找到了解决方法：

设“wmode”的值为“Opaque”，表示将Flash置于最底层。

也可以设置“wmode”的值为透明“transparent”.也不会挡住浮动的层。

条件1.只适用于IE 4.0 或以上版本. 条件2.flash

和其他元素在不同的layers里，且Flash所在的层的z-index较低。 条件3.Flash 必须设定为背景透明。(wmode= transparent). 以上三项缺一不可。

IE浏览器下可用＜param name="wmode" value="transparent"

/>

firefox下可用＜embed src="YourFlash.swf" wmode="transparent" ...

>＜/embed>

wmode 属性/参数

值

Window | Opaque | Transparent

模板变量：$WM

说明

(可选)使您可以使用 Internet Explorer 4.0 中的透明 Flash

内容、绝对定位和分层显示的功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows

中有效。

“Window”在 Web 页上用影片自己的矩形窗口来播放应用程序。“Window”表明 Flash 应用程序与 HTML

层没有任何交互，并且始终位于最顶层。

“Opaque” 使应用程序隐藏页面上位于它后面的所有内容。

“Transparent”使 HTML 页的背景可以透过应用程序的所有透明部分进行显示，这样可能会降低动画性能。

“Opaque windowless”和“Transparent windowless” 都可与 HTML 层交互，并允许

SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于“Transparent”允许透明，因此，如果 SWF

文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来。

如果忽略此属性，默认值为 Window。仅适用于 object。

因此，在HTML中将

的wmode参数设成这样：

value="Opaque">

然后将一个HTML的

置于Flash影片之上，测试成功。

设置flash css属性 “pointer-events：none”

;表示可以点击到flash下面的元素