1

我已经环顾了一段时间,找不到解决这个特定问题的解决方案。我<img...>在网页上有一张图片(它不在图像周围,而是在最外面的像素上。

在此处输入图像描述

关联的 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;
4

2 回答 2

2

终于找到解决办法了!

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

于 2013-02-27T22:29:13.357 回答
-1

你可以试试这个:

border-width: 0px;
于 2013-02-27T21:36:04.317 回答