可以在父div的悬停上更改嵌套图像背景颜色吗？

Question

这是我在这个网站上的第一个问题，希望有人能帮助我。

我有一个父div，这是一个链接到另一个页面。在这个div里有一个.png图像，我想要这个PNG图像的背景颜色在的位置上改变，而不是仅仅是图像本身。

我想这样做，只有HTML和CSS

这可能吗？

Answer 1

它不可能改变使用HTML CSS的IMG背景，如果你想从它的父母继承的IMG背景，然后使用透明背景。欢迎来到SO！

Answer 2

我认为你正在寻找的东西一样，但巴纽必须是透明的，以显示不同的背景颜色

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="something.png" alt="1" /> 
</div> 

jsFiddle Example