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

的更多信息，请查看this page

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

1 个答案: