css - Z-index 和多个下拉菜单

Question

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

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

菜单设置为 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-tophatto设置z-index:1为低于菜单的级别，因此只需#section-tophat从该行中删除您的 id ，您的下拉菜单就可以正常工作。

Answer 2

z-index仅适用于 position relative，absolute& fixed。所以，给position:relative你的dropdownDIV。

Answer 3

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

检查我关于如何z-index工作的答案。