元素的z-index值无法克服iframe内容的

时间:2020-03-06 14:37:05  来源:igfitidea点击:

我在页面上有一个" 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。还要检查位置。定位可能是问题。抱歉,我没有足够的信息来进一步。