一个比较好的玩意,将页面所需图片整合到一起,再通过css的background-position两个(可选的)变量:水平位置(horizontal)和垂直位置(vertical)来实现图片的应用。
background-position: ?px ?px;
网上搜索到个好用网站:
http://cn.spritegen.website-performance.org/
上传打包好的图片即可得到所要的整合图片以及样式……
不过个人人觉得有空的话还是自己Ps比较好,那样才让图片的布局更加合理精湛……
对了,需要repeat的图片注意了,因为用的是background属性,所以想实现的话需要独占一行才行。