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
}

灰色的CSS Superfish菜单

2 个答案: