本文介绍了一种将页面所需图片整合到一起，并通过CSS的background-position属性进行定位的方法。提供了一个在线工具帮助用户实现这一过程，同时也提到了手动使用Photoshop布局图片的优势。对于需要重复使用的图片，文章建议单独处理以避免混乱。
一个比较好的玩意，将页面所需图片整合到一起，再通过css的background-position两个(可选的)变量：水平位置(horizontal)和垂直位置(vertical)来实现图片的应用。
background-position: ？px ？px;
网上搜索到个好用网站：
http://cn.spritegen.website-performance.org/
上传打包好的图片即可得到所要的整合图片以及样式……
不过个人人觉得有空的话还是自己Ps比较好，那样才让图片的布局更加合理精湛……
对了，需要repeat的图片注意了，因为用的是background属性，所以想实现的话需要独占一行才行。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
