如何删除图像周围的边框

Question

所以我有一个问题。我是第一次使用精灵，现在它们周围出现了边界，我试图设置边框：没有，但它没有用。 demo

<div class="service">
<img href="image/icons.png" style="background-image:url('image/icons.png'); background-position:0 0; height:59px; width:59px; border:none"/>
</div>

.service {
position:relative;
float:left;
clear:left;
border:none;
}

Answer 1

摆脱href，并将你的img标签更改为div，如下所示：

http://jsfiddle.net/WtaXr/

<div class="service">
    <div style="background-image:url('image/icons.png'); background-position:0 0; height:59px; width:59px; border:none"></div>
</div>

希望有所帮助！

Answer 2

HTML：

<div class="service">
    <img href="image/icons.png" style="background-image:url('image/icons.png'); background-position:0 0; height:59px; width:59px; border:none"/>
</div>

CSS：

.service {
    position:relative;
    float:left;
    clear:left;
    border:0;
}