题
我在页面上有 div
和 iframe
div
有
z-index: 0;
iframe
的内容包含一个 z-index
为1000的弹出窗口
z-index: 1000;
然而, div
仍然掩盖了IE中的弹出窗口(但在Firefox中工作正常)。
有谁知道我能做什么?
解决方案
一般来说, 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那么多。还要检查你的定位。定位可能是您的问题。对不起,我没有足够的信息来帮助你。