javascript - 在 Firefox 浏览器中悬停时，导航子菜单不可见？

Question

我的导航位于页面底部，子菜单出现在导航上方。

我还有一些 jquery，它在导航悬停时淡出内容。但是我认为这个查询干扰了子菜单，因为当鼠标悬停在它上面时它不会停留，这似乎只在 firefox 浏览器中？

请在 firefox 浏览器上查看这里 http://intelligen.info/index.html

$("#nav").hover(
  function () {
    $(".index-content").fadeTo(700,0.3);
  },
  function () {
    $(".index-content").fadeTo(700,1);
  }
 );

Answer 1

你的差距被设置得很高，在悬停和你悬停的元素之间使用底部留下空白。此外，我不会使用 jQuery 来添加 CSS 元素，例如淡入淡出。您可以使用转换来做到这一点。

#nav li:hover nav {
    bottom: 12px; /** Change to 12 to fix **/
    display: block;
    left: 0;
    position: absolute;
}