我想将我所有的小图片保存在一个 sprite 文件中，例如:
现在假设我想添加一个薄的背景图像，它意味着在元素宽度的 100% 以上重复 x:
这是否必须作为单独的实体存储，或者我可以以某种方式将其存储在 Sprite 图像中吗？我不知道是否可以对 Sprite 的一部分进行背景重复，我认为不行，但我很确定我已经在某处看到过它。
最佳答案
我不确定这是否已经在 CSS3 中，但是 Gecko 引擎(Firefox 4 …)将 image-rect 添加为 -moz-image-rect 这允许您选择图像的特定部分进行使用。有了它，您可以选择 Sprite 的一部分作为背景图像，然后重复它。
虽然它绝对不是广泛传播或标准的。
我喜欢做的是做 3 种 Sprite 。一种带有图标，根本不使用重复，一种用于水平重复图像，另一种用于垂直重复图像。
这样一来，您就可以为一个 Sprite 添加多个重复的背景，但使用起来却没有那么麻烦。
关于html - CSS Sprite 和重复背景，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5051784/