下拉菜单的 Z-Index 问题

Question

当我将鼠标悬停在菜单上时，下方的菜单 li 可见。 它可能是 div，但不确定。 当我更改为静态和相对时，它们只是向下移动 这是我的网站http://ocart.site/opencart/

#menu > ul > li > div {
position: relative;
z-index: 5;

我尝试添加相对和更高的 z-index，但没有任何乐趣

Answer 1

您需要应用以下 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-index，所以您引用的 z-index 停止工作。

Answer 2

#menu > ul > li和#menu > ul > li

从中删除 z-index 声明

正如其他答案所暗示的那样，您可以给它们auto值，但默认情况下是它，所以只需将其删除