css - z-index ie6 & 7 问题(可能是由于负边距)

Question

在此页面上，我使用负边距将云图形向上推，然后使用 z-index 将其隐藏在另一个图形后面。

在所有现代浏览器中工作正常，但 ie6 和 7 云覆盖了时钟的底部。

如何在 ie6 和 7 中让云不覆盖时钟的底部>

Answer 1

IE6 和 IE7 都有一个古怪的 z-index 错误，如 quirksmode 中所述。您可以在这里找到解决方案:http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

解决方案实际上是给父元素一个更高的 z-index 值，如他在链接中所示:

<div style="position: relative; z-index: 3000">
    <div style="position:absolute;z-index:1000;">
        <a href="#">Page</a>
        ...
    </div>
</div>
<img style="position:absolute" src="myimage.png" />

编辑

由于提问者提到他的问题与链接中描述的不完全一样，问题可能是堆栈上下文之一，正如这个问题中接受的答案所讨论的:IE7 Z-Index Layering Issues