css - CSSホバーはOperaでのみ問題が発生します

Question

私はサイトを持ってい て、IEでも問題なくレンダリングされます。ただし、Opera 11.62では、ナビゲーションバーからのリンクにカーソルを合わせると、非常に奇妙なバグが発生します。なぜこれが起こるのですか？とても迷惑です。また、ブラウザウィンドウのサイズを変更して、最後のリンクがホバー時に正常に表示される最後のリンクよりもページ外になるようにすると、非常に奇妙なことが起こりますが、他の2つはまだ壊れています。

Answer 1

このコード行をa:hover

height: 100%;

したがって、次のようになります。

a:hover { 
  background: -o-linear-gradient(top, #93C9ED 0px, #76B4E1 100%) transparent;
  border-bottom: medium none currentColor;
  border-left: 1px solid #1C5E9C;
  border-right: 1px solid #1C5E9C;
  border-top: 1px solid #1C5E9C;
  color: #275D8B;
  height: 100%;
}

Answer 2

line-height と同じように、アンカー タグに高さを追加します。

header nav ul li a { height:2.5em; }

これは、Opera 11.64で機能します。すでにこのソリューションを試しているようですが、うまくいかなかった理由は、行の高さが 2.8 ではなく 2.5em であるためだと思います (変更していない限り)。