下拉 Wordpress 导航不适用于 Firefox答案

【问题标题】：Drop Down Wordpress Nav not working on Firefox下拉 Wordpress 导航不适用于 Firefox
【发布时间】：2014-07-23 23:38:30
【问题描述】：

我已更改此网站上 NAV 的 CSS，现在它只能在 Chrome 中运行，而不能在 Firefox 中运行。 “菜单”和“餐饮”上存在下拉菜单。它是在 WordPress 中开发的，我认为在 WordPress 中进行编码时我遗漏了一些东西。

有什么想法吗？

【问题讨论】：

【解决方案1】：

如果您重新加载页面并在加载时将鼠标悬停在导航项上，您会注意到子菜单实际上工作正常 - 它会出现，但随后会随着 #main-content 元素的动画而隐藏。

我不确定为什么会发生这种情况，因为子菜单上的z-index:999999 肯定会覆盖#main-content 的z-index:999。（我相当肯定z-index 的最大值远高于此值。）但出于某种原因，999999 被视为与 999 相同，并且主包装出现在子菜单的顶部。

修复它只需要稍微减少#main-content 上的z-index。例如，使用：

#wrapper.boxed #main-content {
    z-index:998;
}

这对我有用（在 Firefox 20 中测试），子菜单出现在主包装器上方。希望这可以帮助！如果您有任何问题，请告诉我，但坦率地说，我对此也感到有些困惑。

【讨论】：