日期:2014-05-17  浏览次数:20452 次

如何去掉img上的灰色边框?
环境:VS2008 asp.net3.5 
问题:我的目的是想实现个图标+文字的按钮,图标使用<img>标签,图片是在一张大图片上的一部分18*18,作为背景图。现在问题是不管怎么弄,img上总有个灰色边框去不掉,请问大家有没有什么好的办法啊?
HTML code

<a href="javascript:void(0);" id="idBoxOK" class="lightboxButton">
            <img id="idBoxOKImg"/><span class="lightboxButtonText">确定</span>
        </a>

#idBoxOKImg
{
    width:18px;
    height:18px;
    background-image:url(所有图标.gif);
    background-repeat: no-repeat; 
    background-position:-36px 0px;
    border-style:none;
    padding-left:9px;
}


因为图标是大图的一部分,所以设置src不行,只能设置为背景。在网上找资料说是边框是背景时留下的间隔。不知道该如何去掉?

------解决方案--------------------
<a href="InfoCenter/ZhuZuoQuan.aspx" target="_blank" style="border: 0">
<img src="images/qy_zzq.jpg" alt="" style="border: 0" /></a>
------解决方案--------------------
<a href="InfoCenter/ZhuZuoQuan.aspx" target="_blank" style="border: 0">
<img src="images/qy_zzq.jpg" alt="" style="border: 0" /></a>
------解决方案--------------------
<a href="javascript:void(0);" id="idBoxOK" class="lightboxButton">
<img id="idBoxOKImg" style="border:0"/><span class="lightboxButtonText">确定</span>
 style="border:0" 在img标签中加上这个属性就可以了
------解决方案--------------------
你的图片显示到背景里面,其他标签都是可以的。

只有src="图片"的时候才使用img。
你对html还 不熟悉啊