我该如何解决这个奇怪的IE 8 img锚定悬停行为？

small a:hover, a:hover {background-color: #CCC; }

这正好是也是IE 8（在Firefox罚款）观看时，连接所有图片...

他们看的权利.. 。

，直到我将鼠标悬停在他们...

如果我删除了CSS行，行为就会消失。我试着用Google搜索，但我只是得到无关的问题。

2009-09-23 MrVimes

默认情况下，图像调整其底部边缘与文本的基线。你看到的那个灰色空间是基线以下的空间，被类似于q，p，y等的行人使用（事实上你没有文字是无关紧要的 - 下行空间仍然保留。）

你可以像这样摆脱它：

a img { /* You might want to make this rule more specific! */ 
    vertical-align: bottom; 
}

请参阅That mysterious gap under images对此的完整讨论。

2009-09-23 22:50:33 RichieHindle

这似乎已经解决了这两个浏览器。谢谢！感谢所有其他回复的人。 – MrVimes 2009-09-23 22:57:44

尝试

a { 
    margin: 0px; 
    padding: 0px; 
}

2009-09-23 22:49:33 lod3n

事实证明，它发生在Firefox的太后了。你的建议固定在Firefox，但不是在IE浏览器。 – MrVimes 2009-09-23 22:53:47

您也可以尝试在该项目上设置行高为0

2009-09-23 22:50:24

-1

我想你可能需要设置图像的边框为无，所以border：none;

2009-09-23 22:54:33

我其实喜欢边框在地方看起来的样子，所以我在单独的基础上设置border = none。 – MrVimes 2009-09-23 23:07:34

回答