我正在为Buddypress默认主题开发一个子主题。我已经定制了很多导航栏的外观，现在我想让下拉菜单工作。它们在默认主题中工作正常。在默认主题中，一个类被添加到导航栏中列出的项目，这些项目悬停在.sfhover上，并且此div类具有CSS'position：relative; z-index：1000'。下拉菜单应保持在顶部的#container div具有CSS'position：relative'且没有设置z-index。据推测，这意味着z-index的默认值为0.最后，包含导航栏的#header div具有CSS'位置：相对; z-index：1000'。
我已经检查过，在我的孩子主题中，这三个div的所有CSS都是相同的，实际上它是，但是下拉菜单没有显示在#container div之上，但是被切断了#container div启动。
如果您访问this page，并将鼠标悬停在导航栏中的“链接”项上，您可以看到我的意思。您将需要以下凭据才能查看受密码保护的页面：
用户名：来宾 密码：stackoverflow
也许有人可以发现为什么我的孩子主题不能按预期工作？
谢谢，
尼克
答案 0 :(得分：2)
您的z-index没有任何问题。您将#header设置为overflow: hidden，这意味着您的导航子菜单中不会包含任何内容。删除它，你会很好。
答案 1 :(得分：1)
问题出现在<div id="header">块中，其中包含属性overflow: hidden，并且它隐藏了其中的所有内容。您必须将其删除，如果您将其用于清除浮动，请尝试另一种方法：样板clearfix或仅在clear:both
<div id="header"> div