私が取り組んでいるサイトは、変更された WordPress TwentyTwelve テーマを使用しています。そのテーマの標準のドロップダウン メニューは、サブメニューが開いたときにコンテンツを押し下げるように変更されています。
問題:サブメニューを互いの下にドロップダウンさせるのではなく、コンテンツ領域の幅全体 (幅 960px) に沿ってきれいに配置したい。サブメニュー項目の数が多い場合、サブメニューを複数の行にまたがって折り返す必要がありますが、項目はきちんと垂直に並べて配置します。
質問する
2337 次
1 に答える
1
これが私がそれを見る方法です。現在、サブメニューは親メニューに制限されています。あなたが望むものを達成するには、かなりの再構築を行う必要があると思います。サブメニューを分けて、メインメニューのすぐ下に配置します。サブメニュー項目を 960px の幅を占めるようにコーディングし (wordpress を使用している場合でも、手動で知っています)、必要に応じて長いサブメニューを 2 行に設定できます。各サブメニューに一意の ID を与え、css でそれらを display:none に設定します。メイン メニューの li にはすでに一意の識別子があるため、特定の li の CSS ルールを作成できます。このようなもの：
#menu-item-58:hover + #submenu1 {display:block;}
#submenu1 {display:none;}
#submenu1:hover{display:block;} //so submenu doesn't disappear when mouse hovers over.
これは実際の動作を確認できる例です。私は div を使用しましたが、それに応じて変更できます: http://jsfiddle.net/H3WB6/
于 2013-04-12T16:46:27.070 に答える