html - 下拉菜单的 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 停止工作。