摘要： CSS Sprites的最初的想法是可以通过<img>标签和JAVASCRIPT中的onmouseover和onmouseout的事件使用CSS来切换一张大图片中的坐标位置显示到DIV上来实现图片的变化。主要的功能是通过背景图片的定位来显示图片的局部，当很多小图片放在一张图片上然后加载，就可以减少图片加载时服务器的开销如亚马逊网站的各类图标：只需一张图片即可完成加载所有的按钮和图标。下面就来介绍一下CSS Sprites的工作原理我们以上图来作为背景图片初始坐标x=0,y=0的图片显示如下图当变换了坐标值，则图片就沿左边向上或左方移动，如坐标为x=0,y=-48时，图片位置变为如下 阅读全文