2

水平 2 行にメニューとサブメニューを含むCSS メニューが必要:メニューにカーソルを合わせる
と、サブメニューが 2 行目に読み込まれます。
そのようなメニューの素敵なコードを取得しました: HERE .

現在、次のように機能しています - - メニューにカーソルを合わせると、サブ
メニューがあれば表示されます
- メニューからマウスを離すと、サブメニューが消えます

色の組み合わせは良くありませんが、サブメニューで横向きにしたかったので機能的には問題ありません。

ここに画像の説明を入力

望ましい修正

ここで、メニューを少し変更する必要があります。次に、メニューにカーソルを合わせると、サブ
メニューがあれば表示されます
。メニューからマウスを離すと、サブ メニューが消え
ます。メニューをクリックすると、メニューが選択され、特定のページが読み込まれ、サブメニューが表示され、指定された場所に表示され
ます - サブメニューをクリックすると、サブメニューが選択され、特定のページが読み込まれ、サブメニューも表示されます

それは次のようになるはずです:このメニュー

変更はどこで行われますか?
私はもう試した：

.menu li:active > ul {
  position: absolute;
  display: block;
  width: 920px;
  height: 25px;
  margin: 40px 0 0 0;
  background: #315299; 
}

しかし、それは機能していません。:(

PS: WordPress サイトでメニューを使用しています。

4

1 に答える 1

0

これが私が最終的に作った解決策です。そして、それはWordPress 固有です:

.menu li.current-menu-item > ul,
.menu li.current-menu-parent > ul,
.menu > li > ul > li.current-menu-item > ul{
  position: absolute;
  display: block;
  width: 960px;
  height: 25px;
  margin: 23px 0 0 0;
  background: #E5E5E5; 
}

.menu li.current-menu-item > ul li a,
.menu li.current-menu-parent > ul li a,
.menu > li > ul > li.current-menu-item > ul li a{
  float: left;
  color: #000;
  text-decoration: none;
  margin: 0;
  padding: 0 30px 0 0;
  background: #E5E5E5; 
}
于 2012-11-06T07:44:53.380 に答える