0

我编写了一个脚本,当在网页上单击某些按钮时,整个页面会变灰,直到用户单击“是”或“否”。这看起来很简单,但我遇到了与我在 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没有太多经验。昨天我寻找了几个小时的解决方案,但找不到与我遇到的问题相关的任何内容。

谢谢。

4

2 回答 2

0

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

.someClass
{ 
    position: relative; 
    z-index: 2; 
}
于 2012-08-09T15:05:13.970 回答
0

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

#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
}
于 2012-08-15T15:58:13.470 回答