Z-index 和多个下拉菜单

Question

我正在使用它自己的下拉菜单向现有 WordPress 主题添加一个新的下拉 div。

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

菜单设置为 z-index:99，但无论我给“我的下拉菜单”提供什么值，菜单仍会显示在其顶部。

唯一的例外是，如果我给菜单 z-index:0，那么一切正常，除了菜单的下拉菜单当然不会与页面下方的项目重叠：/

帮助表示赞赏！

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

下拉列表现在是绝对的，但相对的给出相同的结果。

Answer 1

您在 line: 316 上的 styles.css 样式表中声明了以下内容：

#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。所以，把position:relative 给你的dropdown DIV。

Answer 3

您有我们可以查看的示例页面吗？您还可能遇到堆叠上下文问题。

检查my answer about how z-index works。