html - 我想在悬停时更改图像的背景颜色

Question

这是我的 Fiddle :

.member-img img {
    border-radius: 50%;
    width: 60%;
    margin: 0 auto;

}
.member-img:hover img {
  background-color: rgba(71, 161, 215, 0.5);
}

我不明白为什么它不起作用。

我想在悬停时更改图像的背景颜色

最好保持 html 原样，因为它是 wordpress 元素的一部分。

.

更新: 感谢您提供的所有帮助，但这些解决方案都不是我真正需要的。

无论如何，由于无法将鼠标悬停在图像上，是否可以创建另一个 div，它会准确地停留在圆形图像的顶部并具有透明的彩色背景？

Answer 1

如果你指的是图片的背景，也就是图片所在的div，那么:

     .member-img:hover {
        background-color: rgba(71, 161, 215, 0.5);
    }

就是答案。