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

Question

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

我有一个父div，它是另一个页面的链接。这个div中有一个.png图像，我希望当我将鼠标悬停在父div上而不仅仅是图像本身时，此png图像的背景颜色会发生变化。

我想只在HTML和CSS中执行此操作

这可能吗？

Answer 1

我认为你正在寻找类似的东西，但.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="something.png" alt="1" />
</div>

jsFiddle Example

Answer 2

使用html css无法更改img背景，如果你想从它的父级继承的img背景然后使用透明背景。欢迎来到SO！