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

时间:2012-08-04 00:25:57

标签: html css html5 wordpress css3

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

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

对于也是超链接的图像,由于此CSS代码,您会在其底部看到一条黑线。翻转图像时,黑线消失(复制文本链接的行为)。

我可以在CSS中更改哪些内容可以完全隐藏图像背后的翻转背景颜色,或者让它完全不执行此操作?

非常感谢! :)

1 个答案:

答案 0 :(得分:2)

首先:悬停时似乎删除了background-color,因此将其设置为#FFC909

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

a > img {
    vertical-align: top;
}