CSS Sprites

最近公司网站做页面优化,其中很重有一项就是合并小的碎图,使之成为一个完整的图,减少http请求数

用到了一个合并图片的工具

下载地址:http://www.cnblogs.com/yukaizhao/archive/2008/12/15/css_background_image_merge_tool.html

CSS

.faceContent{
background:transparent url(/images/forums/face/allFaceBig.gif) no-repeat scroll 0 0;
padding-left:38px;
height:36px;
width:36px;
float:left;
padding:0px 0px 0px 0px;
background-position:0 -1265px;
}

调用方法:

<span class='faceContent'></span>