[TOC] # 原由  对象：背景图 我们精灵图上放的都是**小的装饰性质的背录图片**。~插入图片不能往上放~。 我们可以**横向摆放也可以纵向摆放**，但是**每个图片之间留有适当的空隙** 在我们**精灵图的最低端**，**留**一片**空隙**，方便我们以后添加其他精灵图。  ## 使用 1.切片工具 2.得出宽高 xy轴 然后 插入背景图 **background: url ( images/index. png) no-repeat -12px -107px**; /***background-position:-12px -107px**;*/  # 制作精灵图（圈出来是必备的）  ## 导出格式为png 背景图是透明的