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