html - 图片下方蓝条可点击链接

Question

我在可点击图像上出现大约 10 像素高的蓝条时遇到问题。它具有透明背景，当您将鼠标悬停在链接的图像上时，会出现一个蓝色条。我尝试使用border: none;但没有运气，有人有任何提示吗？我已经附上了一张带有蓝色条的图片，我正在谈论我不得不模糊徽标，但你明白了。

例如这里http://jsfiddle.net/wdY26/

Answer 1

这是你的问题：

a:hover {
    color:#fff;
    background:#369; /* <= Your problem */
    text-decoration:none;
}