下拉菜單的 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值，但默認情況下是它，所以只需將其刪除