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）

查看此页面以获取有关 z-index 的更多信息