CSS雪碧技术，CSS雪碧即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。

设置显示区域（宽高），通过对区域设置背景图片，再进行图片定位来实现。

width:50px;

height:50px;

background: url(images/1.jpg) no-repeat 50px 50px;

如果是列表使用，首先设置所有li背景图片共享合并图片，然后通过单独对每个li进行背景定位，background-position : -50px -100px ;

随机文章