html - 超链接图像的背景颜色问题

Question

我的博客上有一个奇怪的 CSS 问题，你可以在这里看到：http: //springecho.net/

对于我的主要内容区域中的文本链接，它们具有背景颜色和不同的文本颜色，它们在翻转时会发生变化。

对于也带有超链接的图像，您会在它们的底部看到一条黑线，这是此 CSS 代码的结果。当您翻转图像时，黑线消失（复制文本链接的行为）。

我可以在 CSS 中更改什么以完全隐藏图像后面的翻转背景颜色，或者让它根本不这样做？

非常感谢！:)

Answer 1

起初：background-color只是似乎在悬停时被删除，因为它被设置为#FFC909.

vertical-align设置为默认值，这baseline意味着图像下方仍有一些空间。只需将其设置为top：

a > img {
    vertical-align: top;
}