Javascript 具有z索引的Div:9999被具有z索引的iframe隐藏：-1 IE8-

我有一个弹出对话框，它只是一个

div

，在不使用时显示为

none

。 它在大多数情况下都有效，除了一种情况，即

iframe

中显示的另一个站点设法显示在

div

的顶部

正如标题所说，我尝试使用

z-index

，但运气不佳。它适用于IE9、FF、Chrome和Safari。IE8、IE7和IE6都失败了

任何关于什么可能导致这种情况或如何修复的想法都将是非常好的。我一直无法在小范围内重新创建问题，这就是为什么我不幸无法提供示例代码的原因

---

我唯一的预感是，它与调整iframe中内容的大小有关，但这是一个未经验证的预感。

如果没有看到代码，很难确定，但我怀疑你看到了

在Internet Explorer中，定位元素生成新的堆叠 上下文，从z索引值0开始。因此，z-指数不存在 工作正常

解决方案是定位（相对）弹出窗口的父元素，并为其提供高z索引：

<div id="parent" style=" position: relative; z-index: 9999;">
  <div id="popup" style="z-index: 999;"></div>
</div>

最后的技巧是将相同大小的iframe放置在div下的相同坐标上。

您是否尝试过将

位置：relative

固定到最上面的div？这是否可以解释为什么iframe中的文档元素在iframe之外隐藏内容？iframe/popup集成（在主文档中）可以解决任何问题。只有iframe中的特定内容才会失败