导航子菜单在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;
}