用法

延续之前的使用方式，不同之处是将要拼成 png32 的 slice 命名为 *.32.png 即可

例如：

.icon1{width:16px;height:16px;background-image:url(img/slice/icon1.32.png)}
.icon2{width:16px;height:16px;background-image:url(img/slice/icon2.32.png)}

优先级

IE6 下划线 hack 优先

例如：

.icon1{width:16px;height:16px;background-image:url(img/slice/icon1.32.png)}
.icon2{width:16px;height:16px;background-image:url(img/slice/icon2.32.png);_background-image:url(img/slice/icon2.32.png)}

_background-image:url(img/slice/icon2.32.png) 这部分将拼到 css文件名.ie6.png 上，是非阿尔法透明的 png8 格式

至此，一个 css 文件最多对应 4 张 sprite：

  1. css名.jpg（由所有 jpg 格式的 slice 拼成）
  2. css名-32.png（由所有非IE6下划线hack的 .32.png 格式的 slice 拼成，为 png32 格式）
  3. css名.png（由所有非 .32.png 结尾的 png 格式的 slice 及 gif 格式的 slice 拼成，为带阿尔法透明的 png8 格式）
  4. css名-ie6.png（由所有IE6下划线hack的 png 格式的 slice 拼成，为非阿尔法透明的 png8 格式）