我使用javascript和css进行小动画。我制作了一个sprite png文件，由24帧组成，并将该图像作为背景图像放在div中，其高度和宽度为一帧。
当动画开始时，javascript函数正在改变背景位置值，所以我们每6毫秒看到下一帧。
动画很流畅，但是我正在测试本地服务器上的所有内容，所以我不知道：背景图像是加载整个图像还是只是可见部分？
我的意思是，整个图像是预先加载的，还是某些浏览器以某种方式只加载可见的png的一部分并且不会预先加载休息？如果是这种情况，我会以其他方式预装图像。
有人知道吗？
答案 0 :(得分：2)
最初加载整个图像。
您的CSS正在为该文件发出HTTP请求，然后您的CSS正在设置此图像的位置。
我相信精灵的一个好处就是只有一个HTTP请求，然后根据定位用于显示不同的图形。
阅读有关本文的更多详情：
http://css-tricks.com/158-css-sprites/
这个想法是计算机可以将图形提取到内存中，并且 然后一次只显示那个图像的一部分，比这快 必须不断获取新图像。