Мога ли да променя цвета на вградения фон на изображението върху курсора на мишката на родителски номер? - css, html, уеб сайт, цвят на фона

това е първият ми въпрос на този сайт, надявам се някой да ми помогне.

Имам родителски div, който е връзка към друга страница. В това разделение има .png изображение и искам цветът на фона на това изображение да се промени Задържам курсора върху родителския div, а не само върху самото изображение.

Искам да направя това само в HTML и CSS

Възможно ли е това?

Отговори:

Неговата не е възможно да се промени img фон с помощта на HTML CSS, ако искате да img фон наследени от него "майка след това използвайте прозрачен фон.

Мисля, че търсите нещо подобно, но .png ще трябва да бъде прозрачен, за да покаже различния цвят на фона

CSS:

#parent{
height: 400px;
width: 400px;
background-color: green;
}
img{
height:100px;
width:100px;
}
#parent:hover img{
background-color:white;
}

HTML

<div id="parent">
<img src="/images/something.png" alt="1" />
</div>

Пример за jsFiddle