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

【问题标题】：Can I change a nested images background color on hover of parent div?我可以在父 div 悬停时更改嵌套图像的背景颜色吗？
【发布时间】：2013-04-06 02:46:01
【问题描述】：

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

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

我只想在 HTML 和 CSS 中这样做

这可能吗？

【问题讨论】：

标签： css html web background-color

【解决方案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

【讨论】：

非常感谢，这行得通。实际上我自己去找到了答案，并试图发布它，但作为一个新用户，我需要等待 8 小时才能回答我自己的问题：P 谢谢！

【解决方案2】：

无法使用 html css 更改 img 背景，如果您想要继承自其父级的 img 背景，则使用透明背景。欢迎来到！

【讨论】：