div出现在Windows计算机上的iframe下面

Question

所以我需要创建一个包含iframe，导航和徽标的网站。

所以iframe的src是一个html文件，该html文件包含一个flash视频的全景图。所以我使用了z-index，以便iframe低于包含导航和徽标的div。如果我使用Mac，它适用于Chrome，Firefox，Safari。然后我尝试在Windows计算机上测试该网站，该网站仅在Chrome上完美呈现。 Firefox，Safari和IE将div放在iframe下方（从而使我的整个div不可见）

我做了我的研究。显然，flash视频不受z-index值的影响？我无法尝试改变闪存的wmode，因为它是第三方的。

对此有何解决方案？谢谢。

Answer 1

为iframe构建div容器并为其指定z-index。

HTML

<div id="iframe">
    <iframe src="#">
</div>

CSS

#iframe { z-index: 10000; }