css - 向左重复水平分割的精灵

Question

我有这个精灵表，对于不同的背景，我必须向左水平重复每一列。我怎样才能做到这一点？我使用背景位置、背景重复和背景大小进行了调整，但我无法实现所需的行为。任何人都知道如何做到这一点？

Answer 1

我最好你可以创建精灵垂直而不是水平。

像这样 ：

Answer 2

为什么不单独保存每种颜色并根据需要动态构建背景？

因此，只需重复您想要重复的颜色，然后根据需要将其他颜色附加到侧面。

另外：请更具体地说明您想要达到的效果。