Posso cambiare un colore di sfondo delle immagini annidate al passaggio del mouse su div del genitore? - css, html, sito Web, colore di sfondo

questa è la mia prima domanda su questo sito, spero che qualcuno possa aiutarmi.

Ho un div genitore, che è un link ad un'altra pagina. C'è un'immagine .png all'interno di questo div, e voglio che il colore di sfondo di questa immagine png cambi quando Passa il mouse sopra il div genitore, e non solo l'immagine stessa.

Voglio farlo solo in HTML e CSS

È possibile?

risposte:

Non è possibile cambiare img background usando html css, se si vuole lo sfondo img ereditato dal suo genitore allora si usa lo sfondo trasparente.

Penso che tu stia cercando qualcosa di simile, ma il .png dovrà essere trasparente per mostrare il diverso colore di sfondo

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>

Esempio jsFiddle