降下來後面的div

Question

我使用WordPress的蒙大拿模板，我不知道爲什麼我的下拉菜單是隱藏主滑塊背後菜單...

下面是測試環境的鏈接：http://evolutionescaperooms.com/dev/

即使我把ul標籤放在z-index：99999或position：absolute上，仍然不起作用......但是如果關閉並重新打開菜單，下拉菜單將在滑塊上方，沒有任何理由...

任何人都可以快速修復嗎？

謝謝

Answer 1

這是一個溢出問題，而不是z-index問題。 .navigation div在其css中有overflow: hidden;。這是裁剪溢出其邊界的任何子元素。

當您打開並關閉導航時，它會通過Javascript切換到overflow: initial的溢出。因此，爲什麼它只在菜單打開和關閉後才起作用。

原始CSS：

.navigation { 
    position: relative; 
    display: table; 
    overflow: hidden; /* Preventing overflowing popup menu from showing */ 
    width: 100%; 
    margin-top: 40px; 
    transition: all 0.3s ease-in; 
    -webkit-transition: all 0.3s ease-in; 
    -moz-transition: all 0.3s ease-in; 
    -o-transition: all 0.3s ease-in; 
    -ms-transition: all 0.3s ease-in; 
} 

更新到：

.navigation { 
    position: relative; 
    display: table; 
    width: 100%; 
    margin-top: 40px; 
    transition: all 0.3s ease-in; 
    -webkit-transition: all 0.3s ease-in; 
    -moz-transition: all 0.3s ease-in; 
    -o-transition: all 0.3s ease-in; 
    -ms-transition: all 0.3s ease-in; 
}