Html 如何删除图像精灵中的边框

下面的代码中没有删除边框，这是图像精灵。我尝试了一些使用样式和边框0删除边框的方法，但没有用

<style>
img.home{width:40px;height:32px;
background:url(share.png) 0 0;
border-style: none;}
img.next{width:40px;
height:32px;background:url(share.png) -36px 0;
border-style:none;}
</style>
<a href="http://www.yahoo.com/">
<img class="home" border="0">
</a>
<img class="next" border="0"/>

主图像{宽度：40px；高度：32px；
背景：url（share.png）0；
边框样式：无；}
下一个{宽度：40px；
高度：32px；背景：url（share.png）-36px 0；
边框样式：无；}

---

图像带有默认边框，只有在下载图像时才会消失。该图像来自图像的

src

属性。如果没有设置src，那么图像将不会被下载，并且边框将永远在那里-这正是您的情况

正常的img标记如下所示：

<img src="/something.jpg" />

<img />

你的看起来像这样：

<img src="/something.jpg" />

<img />

您将看到图像现在没有边框

旁白
将背景图像添加到img元素时，通常会在未设置img
src
时提供占位符图像。想想博客评论部分的头像

同时
创建精灵时，您可以使用
div
s
p
s
em
s等。请记住，
背景图像可以应用于任何元素
 发现了，JOPLOmacedo是对的，但你不必移除背景，只需使用
src
标记即可。（很抱歉，我需要这些图片来测试
src
）

HTML:

假设您的html标记是
，并且在类“something”中定义了图像的背景位置

当您从图像精灵中更准确地选择特定图像时，将显示图像所在的特定位置。您的类适合使用css中的背景位置获取图像

删除边框的一个简单解决方案是将
img
标记设置为
div

如果您根据背景位置获取图像，为什么需要使用
img
标记

只需编写如下html…
如果不使用外部文件，可以使用base64非常小的透明图像

<img class="next"  src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"/> 


ya它不工作，因为您在src上设置的图像位置指向无图像。结果也是一样的。查看->确定，当您使用精灵时，您不使用img标记。请尝试使用
div
、
按钮、
span
和
a
或其他任何您想要的方法。精灵不用于img标签。记得！
background image
属性可以应用于任何元素。我没有说必须删除背景。我建议删除该图像，因为他不需要它来完成他想做的事情。我在底部的旁白甚至建议在img元素上使用背景图像。是的，很抱歉在我看到之前发布了
<img class="next"  src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"/>