元素的z-index值无法覆盖iframe内容的值

5
我在页面上有一个
和一个

你能给一个CSS和HTML的例子吗? - Jacob T. Nielsen
6个回答

6

1

使用哪个版本的IE?

我不是JavaScript大师,但我认为在弹出窗口弹出时隐藏div可能会实现您需要的内容。

我曾经在创建一个JavaScript菜单时必须处理div和iframes,该菜单应显示在下拉框和列表框上方 - 其他菜单实现仅隐藏这些项,默认行为在IE6中是在任何DIV上显示,无论z-index如何。


1

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

已经使用 IE7 进行了测试。


1

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

来自 Mozilla 开发者中心的有关 CSS Z-index 的好文章


它们两个都是绝对定位,所以这不是问题。 - Josh Mein

0

没有看到代码片段,很难确定问题出在哪里。您可以尝试在弹出窗口下附加一个与弹出窗口相同大小的 iframe。如果在其他 iframe 已经加载后渲染 iframe 弹出窗口,则应该能够覆盖掉底部的元素。我相信一些 JS 日历和一些 lightbox/thickbox 代码会这样做,如果您正在寻找示例。


0

永远不要将z-index设置为1以下的任何值,除非你想要隐藏它。我不确定7.0版本如何,但是在旧版IE中,我曾经遇到过这样的问题。IE不太喜欢z-index。还要检查您的定位。定位可能是您的问题。抱歉,我没有足够的信息来帮助您进一步。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接