我如何使用一个大的图像,并将其分解成更小的部分作为一个网站

How can I use one large image and break it apart into smaller pieces for a website?

本文关键字:一个 网站 分解 何使用 图像      更新时间:2023-09-26

所以我看到了一种方法,一些人似乎在他们有一个大图像(如果你愿意的话,是一个主模板图像)的地方使用这种方法,在加载该图像后,有某种脚本或编码可以隔离图像的各个部分,并将较小的部分用于按钮等元素。Facebook上Words with Friends上的字母贴就是这样。我不是在谈论如何使用Photoshop来分离它们。我希望能有一个关于这个问题的网页,希望能有一些教程或例子。我正在寻找一些可以使用HTML、CSS或JavaScript的东西。甚至是jQuery。

很抱歉,我不能提供任何代码,因为这就是我想要的,我也不知道这个方法到底叫什么。

有一种CSS技术叫做spriting。我发现下面的文章很好地解释了这一点:

CSS精灵:它们是什么,为什么很酷,以及如何使用它们