html - ie-8 在图像上出现黑色轮廓

Question

我正在开发一个网站并在 ie8 中获得黑色轮廓，它在所有其他主要浏览器中看起来都很棒，但在 ie-8 中却没有，请帮助我这是我的实时链接 http://www.cadellfoods.com.au/food-service-products .html （圆形部分）

请帮助我所有图像的代码如下

#Section1
{
    background:transparent url('Images/Chilled.png') no-repeat;
    background-repeat:no-repeat;
    border:none; outline:none; outline:0;
    border-width: 0;
}

Answer 1

在 IE 8 中似乎也可以。也许您在 Windows XP 上的 IE 8 中遇到问题

作为一个好的做法，你不应该用大写字母开始你的 ID 或类。

Answer 2

可能不是，但我注意到 IE 在链接图像上设置了边框。您需要撤消这些默认设置。

#Section1 a:link img {
   border:none;
}

不要忘记 :hover 和 :visited 伪类。

以防万一也试试这些

#Section1 img {
   border:none;
}
#Section1 a:link {
   border:none;
}