元素的z-index值无法克服iframe内容的
我在页面上有一个" div"和一个" iframe"div
有
z-index: 0;
iframe的内容与z-index为1000的弹出窗口相同
z-index: 1000;
但是,div
仍使IE中的弹出窗口蒙上阴影(但在Firefox中工作正常)。
有人知道我能做什么吗?
解决方案
哪个版本的IE?
我不是javascript专家,但我认为在弹出窗口弹出时隐藏div可能会完成我们需要的操作。
在创建应显示顶部下拉框和列表框的javascript菜单时,我不得不使用div和iframe-其他菜单实现只是隐藏了这些项,其IE6中的默认行为是显示在任何DIV之上,无论z-指数。
资源管理器Z-index错误
通常,http://www.quirksmode.org/是此类事情的绝佳参考。
我面临着同样的问题。在我的情况下,问题是iframe中的内容不是直接由IE控制,而是由Acrobat控制,因为它是pdf文件。我们可以尝试显示不带内容的iframe,在这种情况下,弹出窗口将正常显示。出于某种原因,IE无法控制外部帮助程序的z索引。
已通过IE7测试
如果没有看到代码片段,就很难确定问题出在哪里。我们可能想尝试在弹出窗口下添加与弹出窗口相同大小的iframe。使用IE7,如果我们在另一个iframe已经加载后呈现iframed弹出窗口,则应该可以掩盖下面的元素。如果我们正在寻找示例,我相信有些JS日历和一些灯箱/厚纸箱代码可以做到这一点。
如果没有看到代码,就很难确定问题所在。但值得注意的是,z-index仅在元素已定位时才起作用(例如," position:absolute;"),所以也许这可能是个问题?
Mozilla开发人员中心有一篇很好的关于CSS Z-index的文章。
不要将z-index设置为1以下的任何值,除非我们要隐藏它。我不确定7.0左右,但是较旧版本的IE在执行此操作时遇到了问题。 IE不太喜欢z-index。还要检查位置。定位可能是问题。抱歉,我没有足够的信息来进一步。