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上的hidden设置为navbar：

#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"});
});