我在页面上有 div iframe div

z-index: 0;
iframe 的内容包含一个 z-index 为1000的弹出窗口

z-index: 1000;

然而, div 仍然掩盖了IE中的弹出窗口(但在Firefox中工作正常)。

有谁知道我能做什么?

有帮助吗?

解决方案

Explorer Z-index bug

一般来说, http://www.quirksmode.org/ 是这类的事情。

其他提示

哪个版本的IE?

我不是javascript专家,但我认为弹出弹出窗口时隐藏div可能会完成你需要的东西。

在创建应显示顶部下拉框和列表框的javascript菜单时,我必须使用div和iframe - 其他菜单实现只是隐藏这些项目,IE6中的默认行为是显示在任何DIV之上,没有关于z指数。

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

用IE7进行测试

如果没有看到您的代码,很难确定问题。但是值得注意的是,z-index仅在元素定位时起作用(例如 position:absolute; ),所以这可能是一个问题?

有一个来自Mozilla开发人员中心的关于CSS Z-index的好文章

如果没有看到代码段,很难确定问题所在。您可能希望尝试在弹出窗口下添加与弹出窗口大小相同的iframe。使用IE7,如果在另一个iframe已经加载后渲染iframed弹出窗口,则应该能够掩盖下面的元素。我相信一些JS日历和一些lightbox / thickbox代码会在您查找示例时执行此操作。

永远不要将你的z-index设置为1以下你想要隐藏它的任何东西。我不确定7.0但是旧版本的IE我遇到了这样的问题。 IE不喜欢z-index那么多。还要检查你的定位。定位可能是您的问题。对不起,我没有足够的信息来帮助你。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top