IE8中的奇怪悬停问题＆amp; 10，我找不到任何东西......当然，我不是第一个偶然发现它的人？
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>引起的......
答案 0 :(得分：1)
使用display：inline-block;在锚链接上或在图像上使用填充 - 而不是边距，它将在IE中工作
答案 1 :(得分：0)
将margin替换为padding
a img {padding-right:30px}
答案 2 :(得分：0)
有同样的问题，但已经在覆盖元素中使用了填充。将background-image设置为非文件文件（url(filedoesnotexist)）或透明像素对我有效。