元素的z-index的价值无法克服的iframe中的内容的一个

问题描述：

z-index: 0;

的iframe有其与具有1000

的 z-index一个弹出内容

z-index: 1000;

但是，div仍然掩盖了IE中的弹出窗口（但在Firefox中正常工作）。

有谁知道我能做什么？

你能举一个你的css和html的例子吗？ – 2008-09-23 18:41:05

答

一般来说，http://www.quirksmode.org/是这样的事情一个很好的参考。

答

哪个版本的IE？

我不是javascript的大师，但我认为当弹出的弹出窗口可能会完成你需要的时候隐藏div。

我不得不使用div和iframe创建一个javascript菜单，该菜单应该显示超出下拉框和列表框 - 其他菜单实现只隐藏这些项目，其默认行为在IE6中显示在任何DIV之上，不管z-index如何。

答

我面临同样的问题。在我的情况下，问题是iframe中的内容不是直接由IE控制，而是由Acrobat来控制，因为它是一个pdf文件。您可以尝试显示没有内容的iframe，在这种情况下，弹出窗口正常显示。出于某种原因，IE无法控制外部帮助程序的z-index。

它与IE7

答

测试没有看到一段代码，就很难确定是什么问题。您可能想尝试在弹出窗口下添加与您的弹出窗口大小相同的iframe。如果在另一个iframe已经加载后渲染iframed弹出框，IE7应该能够隐藏下面的元素。如果您正在寻找示例，我相信一些JS日历和一些lightbox/thickbox代码会执行此操作。

答

没有看到您的代码，很难确定问题。但值得注意的是，z-index只在元素被定位时才起作用（例如position: absolute;），所以也许这可能是一个问题？

从Mozilla开发者中心有一个good article on CSS Z-index。

它们都是绝对定位的，所以这不是问题 – 2008-09-23 19:40:30

答

从未将z-index设置为任何以下任何东西1无限希望隐藏它。我不确定7.0版本，但IE的旧版本我有这样做的问题。 IE不喜欢z-index。同时检查你的位置。定位可能是你的问题。对不起，我没有足够的信息来帮助你进一步。