css - 下拉 Wordpress Nav 在 Firefox 上不起作用

Question

我已经改变了这个网站上 NAV 的 CSS，现在它只能在 Chrome 中使用，而不能在 Firefox 中使用。 “菜单”和“餐饮”上存在下拉菜单。它是在 WordPress 中开发的，我想我在 WordPress 编码方面遗漏了一些东西。

有什么想法吗？

http://sbserver.wwwsd3.a2hosting.com/devo_williams_freshcafe/

Answer 1

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

我不确定为什么会这样，因为你的 z-index:999999在子菜单上当然应该覆盖 z-index:999的 #main-content . (我相当确定 z-index 的最大值比那个高很多。)但出于某种原因，999999 被视为与 999 相同，并且主包装出现在子菜单的顶部。

修复它只需要稍微减少 z-index在 #main-content .例如，使用:

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

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