Javascript 我在页脚中有一个社交图标的图像，我希望它在悬停时改变背景色

我在页脚有一个社交图标按钮，我希望它在悬停时改变背景色。 我把它放在一个社会类中，在我的css中，我给它一个悬停的选项，它应该改变它的背景颜色。不工作

This is HTML for footer:

<div class="footer">
        <div class="container" align = "center">
            <button class="btn btn-info btn-block"data-toggle="modal"       href="#tallModal6">Click here "</button>
        </div>
        <div class="container social" align = "center" style = "color:white">

            <img src="images/fb.png" height = "50px" width = "50px" >
            <img src="images/gplus.png" height = "50px" width = "50px" >
            <img src="images/linkedin.png"  height = "50px" width = "50px" >
            <img src="images/mail.png"  height = "50px" width = "50px">
        </div>
        <div class="container" align = "center">

        </div>
    </div>

---

您的css有一些语法错误。这应该起作用：

.social:hover {
  background-color: white;
}

错误是使用了等号而不是冒号

：

---

在CSS语法中，背景色=白色在CSS中不是一件事

应该是这样的：

.social:hover{background-color: white;}

.social:hover {
background-color: white;
}

---

获取有关CSS语法的帮助。

您说过希望更改按钮的背景颜色，而不是.social div，因此需要将CSS应用于该按钮

如果要将其应用于.social div，可以如下所示：

.social:hover{background-color: white;}

.social:hover {
background-color: white;
}

---

背景色：白色；解决了我的问题！谢谢我应该死|很高兴能帮上忙：）谢谢。解决了我的问题。