即使為圖層指定了較高的z索引，也不會顯示該圖層

Question

我在從display: none;切換到div時無法顯示div的問題display: none; display: block;

HTML：

<div class="menus-container" style="display: block; top: 50px; height: 277px;">
.. some pretent content, which shows up in another place on the website ...
</div>

js通過最小化的插件JS切換，因此我無法列出js，但在開發人員工具欄中看到樣式更改有效。

我看到它有一個高度，我看到它有一個寬度，並且z索引大約為99999。確保在開發人員工具欄中分配了所有父元素以及z-index: 999 !important;

那個div還是不會出現...任何想法嗎？ 如果您想查看示例，請點擊此鏈接（已編輯）-它僅在小於850px的寬度上發生。

Answer 1

這里的問題不是z-index問題，而是菜單出現在其父項header元素的外部，該元素的溢出設置為隱藏。 將溢出設置為可見可顯示菜單。 您還需要做其他一些事情，例如為菜單提供純色背景色，以便於閱讀。

<header class="main-header collapsed-gallery-page-menu" style="overflow: visible;">