让DIV层位于flash对象之上

最新推荐文章于 2021-07-01 10:15:19 发布

原创最新推荐文章于 2021-07-01 10:15:19 发布 · 159 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flash #IE #HTML #Windows #Web

Flex 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何通过设置Flash的wmode属性实现透明显示及与其他HTML元素的正确层叠。详细解释了不同wmode值的作用，如'Opaque'、'Transparent'等，并提供了具体的HTML示例代码。

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

还有一种方法也可以实现，就是将Flash设为透明显示，也不会挡住浮动的层。

条件1.只适用于IE 4.0 或以上版本.
条件2.flash 和其他元素在不同的layers里，且Flash所在的层的z-index较低。
条件3.Flash 必须设定为背景透明。(wmode= transparent).
以上三项缺一不可。
<div style="z-index:-1">
<embed name="Movie1" src="1234567.swf" quality="high" width=500 height=400 wmode="transparent" type="application/x-shockwave-flash">
</embed>
</div>
<div id="yaosansi" style="position:absolute; left:150px; top:100px; width:200px; height:200px; z-index:1; background-color: #009966; border: 1px none #000000; ">
</div>

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中将 <object> 的wmode参数设成这样：

<param name="wmode" value="Opaque">
然后将一个HTML的 <div>置于Flash影片之上，测试成功。