先上个原理图
原理示意
css-sprite就是把很多张图合并在一张图内，我们就是要用background-position把我们要的图挖出来。
background-position设置的是图片的起始位置相对于div左上的坐标，只需要把div左上看成坐标原点，右下为正值，就看的很清楚了，我们值需要把position设为负值，就能挖到灰色的部分了。再设置宽，高，就能挖到红色的小图了。
css-sprite使用
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 为了减少网络请求个数量，提高网站的访问速度，我们一般都会把一些小的图片合并成一张sprite图，然后根据backg...
