IE7中工具提示的Z-index问题

Question

我有一个工具提示弹出窗口，其中的z-index级别最高。 当用户单击IE7中的工具提示时，它显示在页面内容的下方，而不是页面上方。 仅在IE7中会出现此问题。

.tipBody {
    background-color: #FFFFFF;
    border: 1px solid #000;
    margin-top: -18px;
    padding: 10px;
    z-index: 9999;
    position: relative;
}

Answer 1

我建议您尝试在属性值后添加！important，如下所示：

.tipBody {
    background-color: #FFFFFF;
    border: 1px solid #000;
    margin-top: -18px;
    padding: 10px;
    z-index: 9999 !important;
    position: relative;
}

看看是否可行。

Answer 2

在IE中，定位的元素遵循不同的堆叠顺序。 通常，您可以通过为元素的父级设置更高的z-index来解决此问题。

我建议您阅读以下链接，它为您提供了有关此问题以及如何解决此问题的很好的解释。

http://www.brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

希望这会有所帮助。