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

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

<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还 不熟悉啊