css - 工具提示的 IE7 中的 z-index 问题

Question

我有一个 jQuery 工具提示，可以在所有其他浏览器(包括 IE8)中正常工作，但弹出窗口位于页面内容下方。

#datasearch2-tooltip .tipBody 
{
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    margin-top: -18px;
    padding: 10px;
    -moz-box-shadow: 10px 0 0 15px #000;
    -webkit-box-shadow: 0 0 15px#000;
    box-shadow: 0 0 15px #000;
    z-index: 9999;
}

9999 的 z-index 应该将工具提示设置在所有内容之上，就像在其他浏览器中一样。有人有什么想法吗？

Answer 1

您需要添加 position 规则:

#datasearch2-tooltip .tipBody 
{
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    margin-top: -18px;
    padding: 10px;
    -moz-box-shadow: 10px 0 0 15px #000;
    -webkit-box-shadow: 0 0 15px#000;
    box-shadow: 0 0 15px #000;
    z-index: 9999;
    position: relative;
}

z-index 只影响设置了位置的元素(position: static 除外)

看看this page有关 z-index 的更多信息