【发布时间】：2013-02-27 21:23:15
【问题描述】：
我已经环顾了一段时间，找不到解决这个特定问题的解决方案。我在网页上有一张图片 (<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;
【问题讨论】：
-
该图像是否在锚标记内？
-
你能在jsfiddle 上重新创建这个吗？如果可以的话，这会让人们更容易帮助你。
-
使用什么验证和重新验证？大多数图片查看器使用白色背景。
-
如果边框是图像的一部分（意味着周围只有白色像素），您需要将该图像设置为
<div>作为背景，位置为[-1,-1]。 -
我会尝试创建一个 jsfiddle，图像是精灵表的一部分，所以我需要隔离图像。 @DreamEater 我使用的不仅仅是基本的图片查看器来验证图像内容。