在 Internet Explorer 中通过 Flash 电影进行 DIVS答案

【问题标题】：DIVS over flash movies in Internet Explorer在 Internet Explorer 中通过 Flash 电影进行 DIVS
【发布时间】：2010-12-21 17:08:02
【问题描述】：

这个古老的问题......为什么定位在 Flash 对象上的 div 不使用 z-index 保持在顶部。过去我找到了答案，但是时间太长了，我似乎无法得到答案。我的 Flash 电影在一个向左浮动的 div 中：

<div id="flash">
<object width="614" height="289">
<param name="movie" value="images/75.swf">
<param name="wmode" value="transparent">
<embed src="images/75.swf" width="614" height="289" wmode"transparent">
</embed>
</object>
</div>

我需要放在顶部的 div 的 css 是：

.menu ul li:hover ul li a:hover {
background:#5a3f2d;
color:#FFF;
z-index: 9999;

我无法让它显示在 ie6 或 ie8 中的 Flash 电影上方。我知道这是老派，但我很沮丧！我的导航 div 是否需要有绝对位置？这就是它不起作用的原因吗？

例如here. 将鼠标悬停在右侧第一个链接上：“客户服务”

谢谢大家:)

【问题讨论】：

以下对我有用：我在stackoverflow.com/questions/761402/…找到了这个解决方案

标签： flash z-index css-position html

【解决方案1】：

希望对你有帮助，请看一看。 http://manisheriar.com/blog/flash_objects_and_z_index

【讨论】：

谢谢！对于懒惰的人：将 flash DIV 包装器设置为 position:relative；和z-index：0；，然后将 WMODE 透明参数添加到 flash 对象并嵌入代码。
对于 ie9 和 ie10 是 "wmode" -> 足够透明
在我的情况下，有效，我不必搞乱 z-indexes。

【解决方案2】：

我使用了以下内容，它对我有用。

<param name="wmode" value="opaque" />

我在Why doesn't Z-Index in IE render the way it's supposed to over a Flash Movie?找到了这个解决方案

【讨论】：

【解决方案3】：

我已经在论坛和论坛上看到过很多这样的问题，但为了说明这一点，应该添加这两个选项以避免某些版本停止工作：

<param name="wmode" value="opaque" />

和

<embed wmode="opaque" src="...">

源代码： http://manisheriar.com/blog/flash_objects_and_z_index

【讨论】：

【解决方案4】：

给父容器（表格）和/或同级容器（另一个“td”标签）的 z-index 设置为 1 可能会有所帮助

【讨论】：

感谢 girdus，我试了一下，还是没有改变 :(
试过这个。不工作。在线阅读。这没用。需要强制渲染作为正常文档流的一部分。可以在 SWFObject 上使用 addParam，属性变为“不透明”