Z索引和多个下拉列表

Question

我使用它自己的下拉菜单为现有的WordPress主题添加了新的下拉分区。

新的下拉菜单被激活，并从菜单上方的区域“下降”。

菜单设置为z-index：99，但无论我给出“我的下拉菜单”的任何值，菜单仍会出现在它的顶部。

唯一的例外是，如果我给菜单的z-index：0，那么所有作品，除了菜单的下拉菜单，当然不会进一步重叠项下的页面罚款：/

帮助赞赏！

更新：我尝试了不同的位置值，菜单需要“相对”才能工作。

下拉菜单现在是绝对的，但相对的结果是相同的。

Answer 1

您有以下在styles.css样式宣布line: 316：

#section-tophat, #section-footer, #section-sub-footer { position: relative; z-index: 1; } /* Setup for :after double bgs below */ 

你设置你的#section-tophat到z-index:1，从而以比你的菜单中选择一个较低的水平，因此单从该行删除您#section-tophat ID和你的下拉菜单正常工作。

Answer 2

的z-index只relative位置工作，absolute & fixed。所以，给dropdown DIV给position:relative。

Answer 3

您是否有我们可以检查的示例页面？您也可能有堆叠上下文问题。

检查my answer about how z-index works。