禁用图像链接悬停下划线

Question

刚刚在我的rails应用程序中将半透明图像制作成链接

<%= link_to image_tag("cow.png"), cows_path %>

然而,实际的图像并没有占据一个完美的矩形,因为它的透明度,当我用鼠标悬停在它上面时,它会创建一个黑色条,图像下方的图像矩形的宽度,从任何一侧突出图像的不透明部分.

问题是如何让这种悬停行为停止.

透明图像是牛,而黑条则存在问题.棕褐色的东西是页面背景,而不是图像.

有任何想法吗？我只是不知道CSS命令来解决这个问题.

编辑:小提琴.抱歉.离我的电脑有点远.我提出了一些建议,但似乎并没有解决问题.我也可能做错了.这是一个css.scss样式表.

Answer 1

对我有用的是把它放在.animal-buttons类中:

a {
background: none;
}