Question

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

Answer 1

在你的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; }

Answer 2

在我的客户端网站上，我使用了html：

<div id="photo>
  <div id="flash"></div>
  <ul id="navigation">..</ul>
</div>

的CSS：

#flash { z-index: 6; }
#navigation { z-index: 8; margin-top: -100px; }

然后我用我的flash #flash替换swf和SWFObject（http://code.google.com/p/swfobject）

所以基本上，z-index和一些嵌入flash 的智能方法应该工作：）