我正在使用它自己的下拉菜单为现有的WordPress主题添加一个新的下拉列表div。
新的下拉列表已激活,并从菜单上方的某个区域“下拉”。
菜单设置为z-index:99,但无论我给出“我的下拉菜单”的值,菜单仍会显示在其上方。
唯一的例外是如果我给菜单z-index:0,那么一切正常,但菜单的下拉菜单当然不会与页面下方的项目重叠:/
帮助表示赞赏!
更新:我尝试了不同的位置值,菜单需要“相对”才能工作。
下拉列表现在是绝对的,但是相对给出了相同的结果。
答案 0 :(得分: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即可,您的下拉列表工作正常。
答案 1 :(得分:0)
z-index 仅适用于排名relative
,absolute
& fixed
。因此,请position:relative
给您dropdown
DIV。
答案 2 :(得分:0)
您是否有我们可以检查的示例页面?您也可能有堆叠上下文问题。