如果我正确理解精灵的想法，那就意味着减少HTTP请求。
当我使用<span>，<i>或<div>时，这是有意义的，因为我可以给一个元素一个类并给出该类background-image。这样浏览器只请求图像一次。但是如何使用img标签呢？ src属性不能为空，所以如果我设置三个图像：
<img id="first" src="img-sprite.png" alt="" />
<img id="second" src="img-sprite.png" alt="" />
<img id="third" src="img-sprite.png" alt="" />
基本上我在这里有三个不同的要求。请求相同图像的三个请求，但仍然是三个。 有人可以赐教。
谢谢！
答案 0 :(得分：0)
图像精灵用于许多使用多个图像的网络应用程序。不是将每个图像作为单独的图像文件包含在内，而是将它们作为单个图像发送，因此内存和带宽更加友好，因此减少了HTTP请求的数量。