简单了解CSS Sprites(图片合并)技术

网络整理 - 07-27

减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求次数。实现这一目标的一个有效的方法就是通过CSS Sprites——将多个图片整合到一个图片中,然后再用CSS来定位。

下面是一张样图:

实现方法:

首先将小图片整合到一张大的图片上

 然后根据具体图标在大图上的位置,给背景定位。background-position:-8px -95px;