CSS Sprites切图方法

 

 

*   边切图边整合，可以避免完成后重写CSS以及重新拼接大量图片，但也会影响整体规划

*   元素左侧的小图标，应该放在图片的右侧，考虑到这类小图标的数量，图片尽量设置高而窄(宽度依最长元素为准)

*   考虑到图片的扩展，定位样式尽量少用bottom, right

*   给某些图片足够的空间。有些图标周围有大量的补白，要避免其它图标露出来影响界面

*   渐变的背景用background-image:url(img);background-repeat:repeat-x;    不重复的背景用background:url(img) no-repeat 0 0; 避免使用background-position ,background-repeat，在不同的浏览器里可能会失效

 

 

参考资料：

http://goodboy5264.blog.163.com/blog/static/2538298200911129327225/