Czy mogę zmienić kolor tła obrazów zagnieżdżonych po najechaniu kursorem div jednostki nadrzędnej? - css, html, strona internetowa, kolor tła

to jest moje pierwsze pytanie na tej stronie, mam nadzieję, że ktoś może mi pomóc.

Mam nadrzędny div, który jest linkiem do innej strony. W obrębie tego div znajduje się obraz .png i chcę, aby kolor tła tego obrazu png zmieniał się Najeżdżam na nadrzędny div, a nie tylko na sam obraz.

Chcę to zrobić tylko w HTML i CSS

czy to możliwe?

Odpowiedzi:

Nie można zmienić tła img za pomocą html css, jeśli chcesz, aby tło img zostało odziedziczone po nim, wtedy rodzic użyje przezroczystego tła. Witamy w SO!

Myślę, że szukasz czegoś takiego, ale .png będzie musiało być przezroczyste, aby pokazać inny kolor tła

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 Przykład