css配合rem使用Sprites精灵图

1.为什么要使用精灵图

因为在h5开发中,经常会遇到一些按钮状态的切换，如果使用不用的图片路径，那么就会加载多次资源，并且切换的时候是重新请求资源，会造成图片的闪烁，因为资源切换请求是需要的时间的，我这边需求主要就是这样

2.如何使用精灵图

2.1使用在线网站打包

首先我们需要打包你所需要的图片，将他们合并成一个图集，这里推荐一个网站 CSS Sprites Generator 左侧会生成对应的css,右侧是对应的图集

2.2代码中如何使用