css - CSS メニューは最初のホバーでのみ移動します

Question

ここに CSS メニューがあります http://www.salvationarmyqc.org/

マウスをメニューの上に置くと、移動しますが、ホバーイベントが最初に発生したときだけです。

その後、動かない。

なぜこれが起こっているのかわかりません。

Answer 1

CSSを投稿できますか？

見た目では、メニュー項目を押し下げるホバー時に境界線の幅を設定しています。絶対配置を使用して、上部の高さを -1 または同様の値で調整してみてください。

たとえば、CSS は次のようになります。

#listContainer{position:relative;}
.listItem{position:absolute;top:0;}
.listItem:hover{top:-1;}

CSSを見ずにナビゲーションメニュー全体がクロムで下に移動する理由がわかりません。

Answer 2

#navigation の高さが 34 ピクセルから 36 ピクセルに跳ね上がっています。静的に 34 ピクセルに設定するか、すべての li のパディングとマージンを 0 に設定できます。