/ CssGaga

CssGaga - AutoSprite 支持生成 png32 格式

用法

延续之前的使用方式,不同之处是将要拼成 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 格式)