css - css下拉菜单消失在内容后面

Question

在此页面http://www.futureworkinstitute.com/2013/我正在使用此处的下拉菜单http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css -and-improve-it-via-jquery/但正如您所见，菜单一离开#navbar div 就会消失。

Answer 1

问题是您已设置overflow为：hiddennavbar

#navbar {
    ...
    overflow: hidden; //remove this line
    ...
}

Answer 2

看起来你的 jQuery 可能是个麻烦。悬停在主菜单项的第一个 UL 子元素上将可见性设置为隐藏。试着去掉这个悬停，看看你的菜单是否还在？

$(" #nav li").hover(function(){
$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
},function(){
$(this).find('ul:first').css({visibility: "hidden"});
});