html - 删除图像周围的默认边框

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

我很难过，我让部分白线消失的唯一方法是增加边界半径以切断图像的 Angular 。我已经验证并重新验证图像上没有这个轮廓。

原图:

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

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

Answer 1

终于找到解决办法了!

我最初将它作为 img 包含一个类，该类引用我们的 sprite 表中的图像。通过将 img 标签更改为 div 并保留原始引用，边框被移除并且 Sprite 正确显示。