CSS 菜单子菜单无法正常工作答案

【问题标题】：CSS Menu Sub Menu Not Working CorrectlyCSS 菜单子菜单无法正常工作
【发布时间】：2014-12-27 12:35:18
【问题描述】：

我似乎无法让子菜单出现在我建立的这个网站上：http://website-test-lab.com/sites/mirandaparsons/

如果您使用开发工具/Firebug，请检查 .sub-menu 以显示：block;然后你可以看到子菜单确实出现了，但不是很明显。我尝试将 z-index 添加到几个菜单区域，但没有成功。奇怪的是，它确实在 Windows 上的 FF 中正确显示？！

我没有在这里粘贴代码，因为要复制和粘贴的内容太多了。

任何帮助将不胜感激。

谢谢

【问题讨论】：

【解决方案1】：

我认为您需要的是background-color 到.sub-menu 和相对于.nav 的位置我只是尝试设置它，您可以很好地看到子菜单：

.navigation .nav {
    position:relative;
}

PS : 在 Firefox 33 Mac 上工作

【讨论】：

【解决方案2】：

将此 CSS 添加到您的样式表中

#site-navigation.main-navigation{
position:relative;
}

【讨论】：

【解决方案3】：

您需要将此添加到您的 CSS：

.navigation .nav {
     position: relative; 
}

【讨论】：