菜单中的下拉导航隐藏在 WordPress 中的另一个下拉菜单下

Question

以下站点有 2 个菜单：

http://lastshredsofsanity.com/

我不确定为什么以这种方式使用此主题，但这是该人制作网站的方式。我之前已经解决了这个问题，不知何故 3 天后顶部菜单，当您将鼠标悬停在子页面上时，它位于第二个导航菜单下。 （如果您将鼠标悬停在 Shewed Designs 上，您会明白我的意思。）

现在，我认为这是一个 z-index 问题。不过，我试过了。

我一定看不到它，因为这是一个简单的 CSS 修复程序，我让我的朋友在修复此问题之前不要触摸 CSS。

我检查了谷歌和堆栈溢出，应用了一些建议，但无济于事，我认为我现在离项目有点太近了，错过了一些如此简单的东西几乎是愚蠢的。

Answer 1

不确定您加载 CSS 文件的顺序，但 #catnav 的 z-index 为 999，而 #topnav 从未分配过大于 5 的 z-index 值。因为它们都是 id'd元素，我认为两者的特异性是相等的，因此它成为“应用最后一条规则获胜”的一个实例。要对此进行测试，您可以将嵌入的 style 属性添加到具有更高 z-index 规则的 #topnav <ul> 元素，例如 9999。

HTH。