我有一个弹出式对话框,它只是一个div
,在没有使用的时候有display:none
。
它适用于大多数情况,但iframe
中显示的另一个网站设法显示在div
之上的情况除外。
正如标题所说我尝试使用z-index
没有运气。它适用于IE9,FF,Chrome和Safari。 IE8,IE7和IE6都失败了。
任何可能导致此问题或如何解决问题的想法都会很棒。我无法在小范围内重新创建问题,这就是为什么我很遗憾无法提供示例代码。
我唯一的预感是它与调整iframe
内容的大小有关,但这是预感未经验证。
答案 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。