Чи можу я змінити колір фону вкладеного зображення на наведенні батьківського диску? - css, html, веб-сайт, фоновий колір

це моє перше запитання на цьому веб-сайті, сподіваюся, хтось може мені допомогти.

У мене є батьківський div, який є посиланням на іншу сторінку. У цьому розділі є зображення .png, і я хочу, щоб колір фону цього png-зображення змінювався коли Я наведіть курсор миші на батьківський поділ, а не лише на сам образ.

Я хочу це зробити лише в HTML та CSS

Чи це можливо?

Відповіді:

Неможливо змінити фон img за допомогою html css, якщо ви хочете, щоб фол img, успадкований від цього батька, тоді використовуйте прозорий фон. Ласкаво просимо до SO!

Я думаю, ви шукаєте щось на зразок, але .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 Приклад