带有z-index的div:9999被iframe隐藏,带有z-index:-1 IE8-

时间:2011-08-16 08:01:39

标签: javascript html internet-explorer internet-explorer-8 internet-explorer-6

我有一个弹出式对话框,它只是一个div,在没有使用的时候有display:none。 它适用于大多数情况,但iframe中显示的另一个网站设法显示在div之上的情况除外。

正如标题所说我尝试使用z-index没有运气。它适用于IE9,FF,Chrome和Safari。 IE8,IE7和IE6都失败了。

任何可能导致此问题或如何解决问题的想法都会很棒。我无法在小范围内重新创建问题,这就是为什么我很遗憾无法提供示例代码。

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

2 个答案:

答案 0 :(得分:0)

在没有看到代码的情况下很难确定,但我怀疑你看到this IE z-index bug

  

在Internet Explorer中,定位元素会生成新的堆叠   上下文,从z-index值为0开始。因此z-index不会   工作正常。

解决方案是定位(相对)弹出窗口的父元素并为其提供高z-index:

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

答案 1 :(得分:0)

tricvk原来是在div下面的同一坐标上放置一个相同大小的iframe。