html<；a>；菜单内不可点击

我有以下菜单，

html

在您的
css
中

.rightMenu ul {
    display: none;
    list-style: none;
    text-align: left;
    position: relative;
    left: -10px;
    top: -18px;
    background-color: #4b86a1;
    color: white;
    z-index: -2; /* this is the problem */
    margin-left: 10px;
    padding: 20px 10px 10px 10px;
}

只需从
z-index:-2中删除
-
就可以了。同时，无
z指数：2
它似乎工作正常，那么为什么不删除
z-index
属性呢？（带
z-index:2
）和（不带
z-index
属性）。
在
css
中

.rightMenu ul {
    display: none;
    list-style: none;
    text-align: left;
    position: relative;
    left: -10px;
    top: -18px;
    background-color: #4b86a1;
    color: white;
    z-index: -2; /* this is the problem */
    margin-left: 10px;
    padding: 20px 10px 10px 10px;
}

只需从
z-index:-2中删除
-
就可以了。同时，无
z指数：2
它似乎工作正常，那么为什么不删除
z-index
属性呢？An（带
z-index:2
）和（不带
z-index
属性）。
我为您解决了问题，请参见将类中的z-index更改为2。rightMenu ul
我为您解决了问题，请参见将类中的z-index更改为2。rightMenu ul
仍在其他元素之上，把顶部改成-30px，你会看得更清楚。对不起！不确定你在说什么。右菜单ul元素和css类。尝试将.rightMenu ul{top:-18px；}更改为.rightMenu ul{top:-30px；}您将看到它位于其他元素之上。
仍然位于其他元素之上，将顶部更改为类似于-30px的值，您将看到它更清晰。抱歉！不确定你在说什么。右菜单ul元素和css类。尝试将.rightMenu ul{top:-18px；}更改为.rightMenu ul{top:-30px；}您将看到它位于其他元素之上。
.rightMenu ul {
    display: none;
    list-style: none;
    text-align: left;
    position: relative;
    left: -10px;
    top: -18px;
    background-color: #4b86a1;
    color: white;
    z-index: -2; /* this is the problem */
    margin-left: 10px;
    padding: 20px 10px 10px 10px;
}