jQueryUI选项卡出现在所有其他元素之上

Question

我的普通旧CSS菜单出现在jQuery UI之类的标签之后！即使包含div的z-index是正确的。有办法解决这个问题吗？

/* dropdown menu container */
#navigation-1 li ul.navigation-2 {
    margin:0;
    padding: 5px;
    display:none;
    position:absolute;
    top:71px;
    left:-71px;
    border-radius: 4px;
    border: 3px solid #ea453c;
    background:white;
    width: 730px;
    box-shadow: 0 1px 6px #999;
    z-index: 999;
}

Answer 1

是。尝试探索或实验css中的位置，如：相对，固定，绝对等。

注意：如果您的div /元素没有像relative，fixed，absolute等位置，则无法使用z-index：D

Answer 2

我使用Firebug来更仔细地探索CSS，并发现ui-menu类已将位置设置为绝对值。然后我添加了这条规则：

.ui-menu{
    z-index: 10;                             
}

您可能需要根据具体情况尝试确切的值，但该值会将我的菜单项安全地放在标签上方。如果您只想将其应用于特定菜单，可以为菜单的父容器添加更具体的选择器。