让DIV层位于flash对象之上

让DIV层位于flash对象之上
 转载请注明 http://netsos.cnblogs.com/
设“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>
 转载请注明 http://netsos.cnblogs.com/
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参数设成这样:
 转载请注明 http://netsos.cnblogs.com/
<param name="wmode" value="Opaque">
然后将一个 HTML的 <div>置于Flash影片之上,测试成功。
posted @ 2010-05-20 17:24  hevily  Views(658)  Comments(0Edit  收藏  举报