我在页面上有一个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 日历和一些灯箱/厚箱代码可以做到这一点。
永远不要将你的 z-index 设置为低于 1 的任何值,除非你想隐藏它。我不确定 7.0 但旧版本的 IE 我在这样做时遇到了问题。IE 不太喜欢 z-index。还要检查你的定位。定位可能是您的问题。抱歉,我没有足够的信息来进一步帮助您。