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

【问题标题】：Background-color issues for hyperlinked images超链接图像的背景颜色问题
【发布时间】：2012-08-04 08:33:56
【问题描述】：

我的博客上有一个奇怪的 CSS 问题，您可以在此处查看：http://springecho.net/

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

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

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

非常感谢！ :)

【问题讨论】：

【解决方案1】：

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

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

a > img {
    vertical-align: top;
}

【讨论】：