element的z-index值无法克服iframe内容的一个

时间:2008-09-23 18:34:06

标签: css z-index

页面上有diviframe div

z-index: 0;

iframe的内容包含z-index为1000

的弹出窗口
z-index: 1000;

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

有谁知道我能做什么?

6 个答案:

答案 0 :(得分:6)

Explorer Z-index bug

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

答案 1 :(得分:1)

哪个版本的IE?

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

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

答案 2 :(得分:1)

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

用IE7进行测试

答案 3 :(得分:1)

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

Mozilla开发人员中心有一个good article on CSS Z-index

答案 4 :(得分:0)

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

答案 5 :(得分:0)

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