如何从图像而不是文本中删除 Link 悬停？

Question

我正在编辑 Tumblr 主题，我有一个非常简单的问题，这是链接的代码

a {
    color:#000000;
    text-decoration:none;
}
 
a:hover {
    color:#000000;
    background:#ffffb3;
    text-decoration:none;
}

我希望它仅适用于文本，但是当您将鼠标悬停在照片集上的图像上时，背景也会变成黄色

Screenshot: hover on photo, it becomes yellow

这是图片的代码

img {
    border:0;
    text-decoration:none;
    max-width:100%;
    height:auto;
    display:block;    
    background-color: none;
}

请帮忙，提前致谢

Answer 1

将此 CSS 添加到您的代码中。

img:hover{ background-color:tranparent; }

Answer 2

请在下方添加CSS

.photo-data a.tumblr-box:hover {
    background: transparent;
}

Answer 3

这应该可以工作：

.tumblr-box:hover {
    background: transparent;
}

但请确保 class .tumblr-box 出现在每张图片缩略图上，而不是文字上。

Answer 4

a.tumblr-box:hover { background: transparent; }

您想突出显示哪个文本？

How Do I Remove Link Hover From Images But Not Text?