css - 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

在 IE 中，定位元素遵循不同的堆叠顺序。您通常可以通过为元素的父级提供更高的 z-index 来修复它。

我建议您阅读以下链接，它可以很好地解释问题以及如何解决它。

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

希望这有帮助。

Answer 2

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

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

看看这是否有效。