Z-index和多个下拉列表

时间:2012-04-12 12:32:34

标签: css drop-down-menu z-index

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

新的下拉列表已激活,并从菜单上方的某个区域“下拉”。

菜单设置为z-index:99,但无论我给出“我的下拉菜单”的值,菜单仍会显示在其上方。

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

帮助表示赞赏!

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

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

3 个答案:

答案 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 仅适用于排名relativeabsolute& fixed。因此,请position:relative给您dropdown DIV。

答案 2 :(得分:0)

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

检查my answer about how z-index works