删除图像周围的默认边框

Question

我现在已经看了一会儿，无法找到解决这个问题的解决方案。我在网页上有一个图像（<img...>），当图像加载时，它在图像的外边缘有一个1px纯白色（或非常浅灰色）的轮廓/边框。它不在图像周围，而是在最外面的像素上。

关联的CSS如下：

cursor: pointer;
display: inline-block;
float: left

我尝试过使用

border: none
border: 0
outline: none
outline: 0
-webkit-border-before: 0px solid #fff
-webkit-border-after: 0px solid #fff

我很难过，唯一能让白线消失的方法就是增加边界半径以切断图像的角落。我已经验证并重新确认此大纲不在图片上。

原始图片：

包含此图像的div（以及没有相同问题的其他类似图像）具有如下css（如果这有帮助）：

text-align: center;
height: 60px;
display: inline-block;
position: absolute;
width: 270px;
bottom: 0px;
left: 0px;
padding: 0px 20px;

Answer 1

终于找到了解决方案！

我最初将它作为img包含一个引用我们的精灵表中图像的类。通过将img代码更改为div并保留原始引用，删除了边框并正确显示精灵。

Answer 2

你可以试试这个：

border-width: 0px;