回复讨论(解决方案)
什么叫怎么使用。。。。。。。
什么叫怎么使用。。。。。。。
怎么把其中的某个小图标显示出来，而不是显示全部的
background-image,background-posituion
background-image,background-posituion
拼错了 poistion
background-image,background-posituion
拼错了 poistion
能给我发个例子吗，万分感谢。
#recent .ui-icon{
background-image : url(icon.png);
background-position : -345px -112px;
background-repeat : no-repeat;
}
我这个显示不出来图片，不知道 position 中的像素是怎么定义的
图片左上角是0,0
position就是相对于左上角的偏移像素
你这图片是480*1140,共计10*30个图标，平均每个图标占48px*48px的空间，
那么：
第一排第一个的图标的偏移量就是0,0，即background-position：0,0
第一排第二个的图标的偏移量就是48px,0,即background-position：-48px,0
第一排第三个的图标的偏移量就是96px,0,即background-position：-96px,0
....
第二排第一个的图标的偏移量就是0,48px，即background-position：0,-48px
第二排第二个的图标的偏移量就是48px,48px,即background-position：-48px,-48px
第二排第三个的图标的偏移量就是96px,48px,即background-position：-96px,-48px
...
依此类推
无标题文档
div{float:left;width:48px;height:48px;background:url("http://img.bbs.csdn.net/upload/201404/22/1398125962_718161.png") no-repeat;}
.x0yo{background-position:0 0;}
.x48y0{background-position:-48px 0;}
.x96y0{background-position:-96px 0;}
.x0y48{background-position:0 -48px;}
.x48y48{background-position:-48px -48px;}
.x96y48{background-position:-96px -48px;}
查看更多关于icon怎么使用_html/css_WEB-ITnose的详细内容...