1

ドロップダウン メニュー付きのナビゲーション バーに取り組んでいます (後で別のメニューを追加します)。ドロップ メニューを押すと、すべてのナビゲーション リンクが右に移動します。望ましい動作は、すべてのナビゲーション リンクが静的であることです。タグのcssを使用fixedしてみましたが、IE は親 div の外にタグをレンダリングします。divabsolutelili

私の現在の実装は使用してfloat:leftいますが、これも期待される結果を生み出していません。ドロップダウン メニューは、「Solace」というラベルの付いたものです。ヘルプや提案をいただければ幸いです。私の問題を説明するデモを作成しました。http://jsfiddle.net/xbB4M/1/ .

また、サイドクエスチョンです。これが新しい投稿を正当化する場合は、私に知らせてください。新しい質問を開きます. ユーザーがドロップダウン メニューをクリックするたびに、次のマウス クリックをリッスンしてドロップダウン メニューを閉じるにはどうすればよいですか?

4

1 に答える 1

0

.menuクラスに位置を与えるとabsolute、他のメニュー項目が右にスライドするのを防ぐ必要があります。2番目の質問については、実際の例を確認すると、メニュー項目に別のクリックイベントハンドラーを追加し、クリックするとメニューが閉じます。

これを試してください：

.menu {
    margin-top:10px;
    background-color:#17406B;
    position: absolute;
}

作業例: http://jsfiddle.net/fewds/xbB4M/5/

于 2012-12-30T02:26:23.593 に答える