IMG标签删除边框 [英] IMG Tag Remove Border

问题描述

http://www.flirtwithme.co/main.php#upgrade

在此页面上有一个蓝色框图像，其周围有灰色边框。
我一直在试图删除边界没有运气：

例如：

  border：none; 
概述：无; 
  

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

* 图像是右边的那个 - 蓝色方框中有一个勾号。 （第二个在sprite的顶部）。

解决方案

您的图片没有src属性，将source.gif添加到transparent.gif
$ b 例子：

 < img class =benefitImgid =iconPersonalizeProfilesrc =http://upload.wikimedia.org/wikipedia/commons/c/ce/Transparent.gif> 
   
 $ b 
 更新：  
 
 
这种情况下，你必须重新安排精灵成垂直精灵）
 
 
 
  http://jsbin.com/ebovod/edit#html,live  
 
http://www.flirtwithme.co/main.php#upgrade

On this page there is a blue box image that has a grey border around it.
I've been trying to remove the border without luck:

eg:
border: none;
outline: none;
the image is part of a sprite and there is no border around the image.
Any ideas?

* the image is the one on the right - blue box with a tick in it. (second one on the top in the sprite.
解决方案
your image has no src attribute add a transparent.gif to the source and the border will disappear.

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

Example for sprited background images on list elements. (In this case you have to rearrange the sprite into a vertical sprite) 

http://jsbin.com/ebovod/edit#html,live

                        
这篇关于IMG标签删除边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！