用法
延续之前的使用方式,不同之处是将要拼成 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:
- css名.jpg(由所有 jpg 格式的 slice 拼成)
- css名-32.png(由所有非IE6下划线hack的 .32.png 格式的 slice 拼成,为 png32 格式)
- css名.png(由所有非 .32.png 结尾的 png 格式的 slice 及 gif 格式的 slice 拼成,为带阿尔法透明的 png8 格式)
- css名-ie6.png(由所有IE6下划线hack的 png 格式的 slice 拼成,为非阿尔法透明的 png8 格式)