我的导航位于页面底部,子菜单显示在导航上方。

我也有一些jQuery,当导航悬停时,它会淡出内容。但是我认为这个查询干扰了子菜单,因为当它悬停在子菜单上时它不会停留,这似乎只在Firefox浏览器中?

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

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

最佳答案

使用悬停和您要悬停的元素之间的底部叶子空白将您的差距设置为较高。另外,我不会使用jQuery添加CSS元素,例如衰落。您可以使用过渡来做到这一点。

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

关于javascript - 将鼠标悬停在Firefox浏览器中时,导航子菜单不可见?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23832802/

10-12 12:56
查看更多