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值但是默认值，所以只需删除它

DropDown菜单的Z-Index问题

2 个答案: