本文介绍了一种利用CSS背景定位技术减少HTTP请求的方法，通过将多个小图片整合到一张大图中，并使用background-position属性控制显示指定的小图，以此减少页面加载时的小图片数量。
background-position:xx yy;
1.xx表示背景图片(背景图片本身)从左往右的位移，如果xx的单位为px则表示位移xx个像素点，如果xx为一百分数则表示位移当前区域的50%px的位移
2.yy表示背景图片从上往下的位移，yy表示的数值与xx相同。
3. 如果xx为负值则表示从右往左移，如果yy为负值则表示从下往上移动
4.背景图片默认左上角对应所在区域的左上角
这项技术目前在web开发中被普遍采用，用来优化数量较多的小图片的显示, 减少http请求，一张大图包含大量小图，然后通过background-position控制显示某张小图，可以明显的减少图片数量，减少http请求数量.
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
