4

IE8 & 10 の奇妙なホバーの問題で、何も見つかりません...確かに、私は最初に遭遇したのではないでしょうか?

jsフィドル

HTML:
<a href="#"><img style="border:0" src="image.png">Text</a>

CSS:
a {border:1px solid silver}
a img {margin-right:30px}
a:hover {border:1px solid red}

IE では、マウスを画像またはテキストの上に置くと、境界線が期待どおりに赤に変わりますが、マウスをmargin-right.

Firefox では、マウスが<a>.

問題は jsFiddle で再現可能であるため、原因が悪いわけではありません<DOCTYPE>...

4

3 に答える 3

1

display:inline-block; を使用します。アンカーリンクで、またはマージンの代わりに画像でパディング右を使用すると、IEで機能します

于 2013-08-15T20:55:37.053 に答える
0

同じ問題がありましたが、オーバーレイ要素で既にパディングを使用していました。background-image存在しないファイル（ ）または透明ピクセルに設定すると、url(filedoesnotexist)うまくいきました。

于 2015-04-08T10:42:12.540 に答える