如何使用一个大图像并将其拆分成网站的小块？

Question

所以我看到一个方法，几个人似乎在他们有一个大图像（主模板图像，如果你愿意）的地方使用，并且在加载该图像后，有某种脚本或编码可以隔离图像的各个部分，并仅使用较小的部分作为按钮等元素。 Facebook上的Words With Friends上的字母拼贴就是这种情况。我不是在谈论如何使用Photoshop来分隔它们。我希望有一个关于这个问题的网页，希望有一些教程或例子。我正在寻找可以用HTML，CSS或JavaScript做的事情。甚至是jQuery。

抱歉，我无法提供任何代码，因为这就是我所追求的，而且我也不知道这个方法究竟是什么。

Answer 1

有一种称为spriting的CSS技术。我发现以下文章非常出色地解释了它：

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them