IE9和Flash的z-index问题

Question

我看到了一些与这个主题类似的帖子，但找不到解决方案，也许有人知道...

我有一个具有z-index：-5; position:absolute的swf对象，还有一个包含ul的div，其中div还具有z-inde:5; position:absolute;

所有浏览器都会在我的flash上显示div，除了IE9。

有人能告诉我如何解决吗？

- mrGott

---

您的wmodes是否在嵌入和对象标签中都设置为透明？ - Kyle

你能展示一下你是如何将Flash电影嵌入到网页中的吗？ - jessegavin

问题是我并没有直接将对象设置到HTML中，而是使用了JavaScript，因为它是类似Flash幻灯片的XML... 所以我将wmode设置为透明。但是我在某个地方看到说wmode opaque可能有帮助——但事实并非如此。 - mrGott

Answer 1

尝试将此参数放入您的嵌入视频中：

<param name="wmode" value="opaque" />
             <embed runat="server" id="embedLnk" style="z-index:0;" src="" 
             type="application/x-shockwave-flash" 
             allowscriptaccess="always" wmode="opaque"
             allowfullscreen="true" width="425" height="190">
             </embed>

- Modather

---

将第三方覆盖层推到顶部，以便关闭选项卡可用。在除IE8-9之外的所有浏览器中都正常工作，添加<param name="wmode" value="opaque" />就可以在糟糕的IE中完美解决问题！ - Fiasco Labs

这对我来说完美地解决了问题，而且我甚至不需要设置Flash的z-index，只需要设置我想要覆盖的DIV的z-index即可。 - soulBit

Answer 2

在CSS中，声明覆盖层div的背景颜色，并将不透明度设置为0。（选择什么颜色都无所谓，因为你要使它透明。）

- David

Answer 3

你看过这个网站吗？它谈论了z-index堆叠，以及它有时不直观的工作方式。IE（惊喜）似乎处理事情与其他浏览器不同。

我曾经也读到过，所有通过插件显示的内容都会在其他所有内容之上呈现，无论z-index如何，但我也读到有解决方法（参见这里），但那似乎不是你的问题。

- James R.