Html 带有下拉菜单的Z索引问题

当我将鼠标悬停在菜单上时，下面的菜单li是可见的。可能是div，但不确定。当我切换到静态和相对时，它们只是向下移动 这是我的网站

---

我已尝试添加相对和更高的z索引，但毫无乐趣

您需要应用以下CSS规则：

#menu > ul > li {
    z-index: auto;
}

#menu > ul > li > a {
    z-index: auto;
}

#menu > ul > li > div {
    z-index: auto;
}

#menu > ul > li:hover > div {
    z-index: 5;
}

因为您也在顶级元素上定义了z索引，所以您所指的z索引停止工作。

#menu>ul>li

和

#menu>ul>li

从它们中删除z-index声明

---

正如其他答案所建议的，您可以给他们

auto

值，但默认情况下是这样的，所以只需删除它

请在此处发布您的代码，查看如何创建

#menu > ul > li {
    z-index: auto;
}

#menu > ul > li > a {
    z-index: auto;
}

#menu > ul > li > div {
    z-index: auto;
}

#menu > ul > li:hover > div {
    z-index: 5;
}