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/

希望这会有所帮助。