Html 忽略内部图像中的悬停样式

我希望样式应用于a元素，而不是img。 下面是一个例子：

a:悬停{背景：555；}

我试着这样做：

a:悬停img{背景：无；}

虽然我知道它不会有任何作用

---

我在中找到的解决方案对我不起作用，因为显示器：none在悬停时移动图像。

img位于锚定内，因此无论图像元素中的背景如何，背景都不会在图像外。图像是否有填充、边距或透明度？

我不知道你在问什么

如果在图像周围的a标签上加上背景色，你将永远看不到背景，因为图像掩盖了背景

如果您想在鼠标悬停时显示背景色并隐藏图像，您可以这样做，插入您自己的图像尺寸、文件名等：

a {
   display:block;
   height:100px;
   width:100px;
   background-image:url(Images/sample.gif);
   background-color:#555
}

a:hover {
  background-image:none;
}

这意味着当有人将鼠标悬停在您的IMG所在的A上时，IMG背景将设置为“无”，这意味着它将显示您的A的背景，因为它包含IMG。IMG清晰，A有背景，但IMG在A之内或“在”A之上；因此，我们看到了A的背景。如果您的图像部分是透明的，则A的背景将显示出来

最好的解决办法可能是

a {background:#555;}
/* set image to the background color of the layer you want to get back to */
a:hover img { background:#fff; }

---

链接内的图像不会继承背景。从图像中删除背景没有任何作用，因为它没有任何开始

---

如果您试图在图像所在的背景中打孔，则不可能。您必须在链接中放置其他元素，以填充图像未占用的空间，并在这些元素上设置背景。

您试图为链接中的图像实现的效果是什么？我不希望对图像产生任何影响，这是我正在尝试的。

a {background:#555;}
/* set image to the background color of the layer you want to get back to */
a:hover img { background:#fff; }