Как удалить ссылку на изображение с картинки, но не с текста?

Question

Я редактирую тему Tumblr, и у меня очень простая проблема, это код для ссылок

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

Я хочу, чтобы это работало только для текста , но когда вы наводите курсор на изображения на фотосете, фон становится желтым тоже

Снимок экрана: наведите курсор на фотографию, она станет желтой

Это код для изображений

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

Пожалуйста, помогите, заранее спасибо

Answer 1

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

Какой текст вы хотите выделить?

Answer 2

Пожалуйста, добавьте ниже CSS

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

Answer 3

Это должно сработать так:

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

Но убедитесь, что класс .tumblr-box находится на каждом эскизе изображения, а не на тексте.

Answer 4

Добавьте это CSS к вашему коду.

img:hover{ background-color:tranparent; }