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

Question

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

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

我希望此功能仅用于文本，但当您将鼠标悬停在photoset上的图片上时，背景也变为黄色

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;
}

但请确保课程.tumblr-box位于每个图片缩略图上，而不是文字上。

Answer 4

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

您要突出显示哪个文字？