灰显 CSS Superfish 菜单

Question

我编写了一个脚本，当点击网页上的某些按钮时，整个页面会变灰，直到用户点击“是”或“否”。这看起来很简单，但我遇到了与我在 Superfish 中使用的菜单的冲突。当页面的其余部分变灰时，仍然可以访问菜单。

我把它归结为 superfish css 脚本使用了一系列的事实

Position: relative

或

Position: absolute

所以我认为我需要弄清楚为什么我的灰色覆盖框不工作或将导航栏的代码位置硬编码到源代码中。我担心的是，如果我这样做，那么设置不会只符合我的要求吗？

我在灰盒编码中遗漏了什么会导致这种情况发生吗？

#cover {
            display:none;
            position:absolute;
            left:0px;
            top:0px;
            width:100%;
            height:100%;
            background:gray;
            filter:alpha(Opacity=50);
            opacity:0.5;
            -moz-opacity:0.5;
            -khtml-opacity:0.5
}

我对 css 没有太多经验。我昨天寻找了几个小时的解决方案，但找不到与我遇到的问题相关的任何内容。

谢谢。

Answer 1

您需要设置菜单块z-index 低于覆盖块z-index。

.someClass
{ 
    position: relative; 
    z-index: 2; 
}

Answer 2

我在尝试使用以下设置时遇到了问题。

#cover {
        display:none;
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        background:gray;
        filter:alpha(Opacity=50);
        opacity:0.5;
        -moz-opacity:0.5;
        -khtml-opacity:0.5
        z-index:100
}

我发现必须在声明位置后立即设置 z-index，否则它根本不起作用。

#cover {
        display:none;
        position:absolute;
        z-index:100
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        background:gray;
        filter:alpha(Opacity=50);
        opacity:0.5;
        -moz-opacity:0.5;
        -khtml-opacity:0.5
}