写在开头。最近参与了2017ife的一个任务——自定义checkbox，radio样式。找了半天的时间才找到制作精灵的方法。分享给大家。如果大家有更好的精灵贴图制作方法，希望不吝赐教，谢谢。首先在网上的图标库中寻找自己需要生成精灵图的图标。我在阿里巴巴矢量图标库中下载了一个复选框。下载后我们可以看到图标中间是白色的。接下来我们需要用一些绘图软件把中间的白色改成透明色，也就是传说中的抠图。我自己选择photoshop。使用photoshop剪出一张图片1.打开图片后，在菜单栏中选择“选择”---->“色彩范围”，然后点击图标的白色区域，再点击“确定”退出，最后按下键盘上的delete键，中间的白色就变成透明了。2、接下来用photoshop设置图标的大小，点击菜单栏“图片”中的“图片大小”，设置我们需要的图标大小。使用css-sprite将多个图标组合成一个精灵图像。下面的数据是我们需要在CSS中设置background-position的位置。会向服务器发送一个http请求，sprite图片会将一些图片整合为一张图片。缺点：1.记忆缺陷；2.页面缩放暴露风险3.对爬虫不友好最后精灵图到这里就完成了。虽然看起来很简单，但是我也摸索了一段时间，希望对大家有所帮助。这是我的任务的演示-----自定义复选框，单选样式演示
