css - 在同一个 Sprite 中水平和垂直重复图像 - 不可能？

Question

我在手工创建高级 CSS sprites 方面经验丰富，但我现在发现自己想知道是否有可能在同一个 sprite 中同时包含一张垂直重复背景图像和另一张水平重复(不同)背景图像？

这在逻辑上似乎是不可能的，如果两个图像都必须真正重复，我的意思是考虑一下，您不能为重复指定裁剪区域，因此它们每个都会将图像扩展到垂直图形出现在水平方向上的位置背景和反之亦然。

但我只是想确保我没有错过一些我不知道的技巧 - 感谢您提供任何建议或示例以供探索。

如果您不确定我在描述什么，请在纸上画一条水平线，然后在纸上的其他地方画一条高垂直线。现在想象一幅图像在水平方向上重复，而另一幅图像在垂直方向上重复。现在试着想象一个 Sprite 可以同时包含图像和每个将使用的 css 规则。根据我所学到的，这是不可能的，但也许有一个我不知道的技巧。

Answer 1

简短回答:不可能。 :)

在你的情况下我总是做的:

使用两个:

1. 垂直重复
2. 水平重复