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

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

这应该是这样工作的:

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

但要确保类 .tumblr-box 在每个图像缩略图上而不是在文本上。