0

こんにちは専門家兄弟/姉妹、

私は Web サイトで作業していて、ドロップダウン メニューの問題に直面しました。Web サイトには 2 つのドロップダウン メニューがあります。1 つは水平ドロップダウン メニューで、もう 1 つは垂直ドロップダウン メニューです。2 つのドロップダウン メニューを正常に配置しました。最初にその画像を親切に見てください:

  1. 水平メニューのドロップダウン メニュー (親「ショッピング カート」) 水平メニューのドロップダウン メニュー
  2. 縦型メニュー(親「雑誌」)のドロップダウンメニュー Vertical Menuのドロップダウンメニュー

2 つ目 (垂直メニューのドロップダウン メニュー) で問題が発生しました: ドロップダウン メニューは [マガジン] タブに属しています。メイン ナビゲーション/タブとドロップ ダウン ナビゲーションの間に余白があることがわかる場合があります。私の問題はそのマージンです。私はそのマージンを使用する必要があります。しかし、その余白を作るために「マガジンナビ」から簡単にドロップダウンメニューにマウスを乗せることができません

リンクを確認できます。ほら、「ショッピングカート」メニューからドロップダウンメニューまでの余白もあります(画像1)。ただし、「ショッピングカート」からドロップダウンメニューにマウスを置くと簡単にできます。しかし、「マガジン」メニューのドロップダウンメニューでマウスを簡単に選択/置くことができません。

「ショッピングカート」メニューからドロップダウンメニューまでの余白もありますが、問題ありません。なぜなら、開いた目に余白が見える「ショッピングカート」リに高さを与えたからです。そのため、「ショッピングカート」メニューからドロップダウンメニューへの実際のマージン(marin-top)はありません。しかし、「マガジン」メニューに同じテクニックを使用することはできません。つまり、「マガジン」メニューのドロップダウンメニューの抽象的な余白としてこれ以上大きな幅を使用することはできません。なぜなら、余白の代わりにもっと大きな幅を使用すると、「マガジン」メニューにも背景色と画像が表示されるからです。

それで、私を助けてもらえますか?私の問題について明確に説明できますか?要するに、 「マガジン」メニューからドロップダウンメニューへの左側にマージンを作成するため、「マガジン」メニューからドロップダウンメニューにマウスを簡単に配置できないことをお伝えしたいと思います。

私の問題を読んでくれてありがとう。

(ここでそのメニューのコードを提供しようとしましたが、ここでフォーマットできませんでした。そのため、誰かが必要な場合はアップロードしました:ダウンロード)

4

1 に答える 1

0

これはひどいハックですが、次のようにマージンを偽装できます。

.vertical_nav li ul li {
  border-left: 15px solid #fff;
}
于 2013-03-01T02:14:01.730 に答える