css – 在flash嵌入前放置一个div

我需要在页面上的其他所有内容上放置一个div标签.我已经读过将wmode param设置为opaque会做到这一点,但也听说只会影响IE.这是真的？你怎么做呢？

在你的flash applet标签中,只需拥有：

<object id='flashObject' ....>
    <param ....>
    <param name='wmode' value='opaque'>
    <embed ... wmode='opaque'>
    </embed>
</object>

那应该照顾它.

请注意,这样做的缺点是它会降低flash影片和页面元素的渲染速度,但在大多数情况下不应该成为问题.

此外,通过将其包含为对象参数和嵌入属性,它适用于所有主流浏览器.

编辑,根据MidnightLighning的评论：

一旦以这种方式准备了flash对象,就需要将div浮动到页面上,如下所示：

<body>
    <object> ... <!-- this is your flash movie --> </object>
    <div id="floater">The Floating Div</div>
</body>

然后像这样创建你的CSS：

#flashObject { position:relative; z-index:1 }
#floater { position:absolute; z-index:100; top:0; left:0; }

相关文章