灰色的CSS超级鱼菜单

Question

我写了一个脚本，当点击网页上的某些按钮时，整个页面都会变灰，直到用户点击"是"或"否"。这看起来很简单，但我遇到了与我从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
}