0

我正在为 Buddypress 默认主题开发一个子主题。我已经定制了很多导航栏的外观，现在我正在尝试让下拉菜单正常工作。它们在默认主题中工作正常。在默认主题中，添加了一个类来列出导航栏中悬停在 .sfhover 上的项目，并且此 div 类具有 CSS 'position:relative;z-index:1000'。下拉菜单应位于顶部的#container div 具有 CSS 'position:relative' 并且没有设置 z-index。大概这意味着 z-index 是默认值 0。最后，包含导航栏的 #header div 具有 CSS 'position:relative;z-index:1000'。

我检查了在我的子主题中，这三个 div 的所有 CSS 都是相同的，确实如此，但下拉菜单并未显示在 #container div 上方，而是在 #container div 的位置被切断开始。

如果您访问此页面，您会明白我的意思，并将鼠标悬停在导航栏中的“链接”项目上。您需要以下凭据才能查看该页面，因为它受密码保护：

用户名：guest 密码：stackoverflow

也许有人可以发现为什么这对我的孩子主题没有按预期工作？

谢谢，

缺口

4

2 回答 2

2

您的 z-index 没有任何问题。您已#header设置为overflow: hidden，这意味着您的导航子菜单中不会流出任何内容。删除它，你会很好。

于 2012-06-23T10:44:04.133 回答
1

问题出在<div id="header">具有属性的块中overflow: hidden，它隐藏了超出其维度的所有内容。您必须将其删除，如果您将其用于清除浮动，请尝试另一种方法：样板 clearfix 或仅在clear:both之后添加 div<div id="header">

于 2012-06-23T10:43:22.130 回答