Question

我到处寻找并找不到答案，我想可能是因为没有人遇到同样的问题，或者可能是因为这是一个非常具体的问题。

我遇到的问题是，在我正在处理的网站上链接的图片，在悬停时有一个小边框，这是在所有浏览器中（除了IE 7，该网站最初设计在）。这是因为将：悬停设置为具有背景。尽管没有设置边框，边距和图像填充，但由于某种原因，它仍然不满意。

我只有2种方法可以解决它，在某些标签上设置一个没有背景的类，或者将链接的图像显示为一个块。不幸的是，这两种解决方案都不合适，因为该网站有数百页，可能有数千个链接图像，使用类意味着找到它们！使用显示块将打破一些图像显示，例如它们在p标签中很好地居中的位置。

如果您想要一个不适合我的示例，相关网站的主页是http://www.tameside.gov.uk，请查看右上角的社交媒体图标，他们都会获得背景悬停处理。

如果有人可以提供帮助，我会非常感激。

谢谢，

Answer 1

图像图标为PNG并具有透明背景。这就是为什么你可以看到背景。您可以将图标更改为具有白色背景（与JPEG相同），您将不再看到背景。

更快的解决方法是添加一个仅适用于社交媒体div内的标签的新CSS规则：

.banner_container .social a {
    background: none !important;
}