html - anchor 标记onmouse下的图像悬停在突出显示的背景颜色上

这是我的代码onmouseover在锚标签下突出显示的颜色未更改的图像，我能知道做错了什么吗

 <div class="iconlink">
  <a href="/Classification/ClassificationLabel" title="Classification Label">
  <img src="/Content/Images/labels-72x72.png" /><div>Classification Label</div>
     </a>
    </div>

我尝试过这些类型

.iconlink a:hover {background-color: #000000;
    color: #000000;0}

和

<div class="iconlink">
  <a href="/Classification/ClassificationLabel" title="Classification Label" class="hove">
<img src="/Content/Images/labels-72x72.png" /><div>Classification Label</div>
  </a>
   </div>
 .hove:hover{background-color: #000000;
    color: #000000;}

最佳答案

您需要在CSS中将background-color应用于您的img，例如：

.iconlink a:hover img {
  background-color: #000;
}

.iconlink a:hover {
  color: #000;
}

FIDDLE

关于html - anchor 标记onmouse下的图像悬停在突出显示的背景颜色上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23263920/