IMG标签删除边框

Question

在此页面上有一个蓝色框图像,周围有一个灰色边框.我一直试图在没有运气的情况下移除边界:

例如:

border: none;
outline: none;

图像是精灵的一部分,图像周围没有边框.有任何想法吗？

*图像是右侧的图像 - 蓝色框中带有勾号.(精灵顶部的第二个.

Answer 1

您的图像没有src属性向源添加transparent.gif,边框将消失.

例:

<img class="benefitImg" id="iconPersonalizeProfile" src="http://upload.wikimedia.org/wikipedia/commons/c/ce/Transparent.gif">

更新:

列表元素上的sprited背景图像的示例.(在这种情况下,您必须将精灵重新排列为垂直精灵)

Answer 2

<img如果您要为图像使用CSS背景,那么使用>标签是没有意义的.在<img>标记中,该src属性用于指定前景图像,它是此标记的必需属性.将其删除会产生意想不到的结果,例如您看到的边框效果,但这可能因浏览器而异.

如果您想使用CSS background-image,只需使用不同的HTML标签(例如<div>).

如果要使用<img>标记,则需要使用该src属性,而不是在CSS中定义它.

这里的重点是语义.在图像<img>标签被认为是网页的内容,因此图像在HTML代码中指定,而通过定义CSS的图像,你说,这是设计的一部分,而不是内容的一部分.

您应该使用与站点中图像的目的相匹配的方法.