jquery - Jquery ドロップダウン メニュー - 画像の css ホバー オーバーラップ

Question

次のjqueryドロップダウンメニューがあります：

http://kwedsd.byethost7.com/2.html

トップレベルのリンクにカーソルを合わせると、緑色の水平バーが表示されます (ホバー状態)。緑色の水平バーが境界線と重なっているのを注意深く確認すると、約 2 ピクセルを購入してください。

また、見やすくするために、画像を含めました。(重複を示す赤い四角)

前もって感謝します。

Answer 1

実はこれはボーダーではなく、ボーダーの<li>ように見える要素の背景画像です。そのため、実際には の内側にあるため、内側のタグ<li>で覆うことができます。<a>は透明な背景を持っているため<a>、:hover 境界線が追加されるまで問題は表示されません。に background-color を設定してみる<a>と、 の background-image 全体を覆うことがわかります<li>。

padding-right: 2pxに aを追加する<li>と、背景画像の「境界線のような」ビットが<a>.

Answer 2

以下を設定すると解決します：

.ddsmoothmenu ul li a {
  margin-right:2px;
}