css sprite

css sprite是什么这里就不多说了，懂web页面制作的人应该都明白。

废话不多说，先上一张，拼好后的图片

这张图合并的很漂亮，当然不是我合的了。我想大多数人都会这样拼，而且也能拼得这么漂亮，但是不知道大家有没有想过，假如我不想要这种颜色呢，想换一种，岂不要又要拼一张图呢，假如一个网站的配色，需要的不止一种颜色的图标，那我们是不是要做好几张各种颜色的图呢？

如果我们反过来想，把我们需要的icon都扣掉，扣成透明的如下图（图中白色为透明）

当我们设置为另一种颜色是我们只需要改变，icon的背景颜色即可。这样会少很多图，而且改变也得方便，只需控制背景色就行了。

当然这也有局现性，假如icon不是纯色，而是有半透明，或者其他颜色值，再一个也就是你要放icon的地方的背景不是纯色也不适合.