css - 能否将 n x m CSS Sprite 用于 "repeat-x"以使箭头的主体更长？

Question

例如，如果有一个 CSS Sprite ，上面有 n x m 个元素，并且有一个箭头、箭头主体和箭头尾部，每个单独。

能否将箭头附加到长度可变的 div 上，使用箭头主体的背景，但重复 x 或重复 y，并附加箭头尾部？我在想你不能指定重复的 Sprite 区域，所以它会在 Sprite 上显示其他图像，不是吗？还是有办法克服这个问题？

Answer 1

不，当前的 CSS 规范中没有任何内容允许这样做，据我所知，即将发布的 CSS3 规范中也没有任何内容。

没有简单的解决方法。您可以尝试在 sprite 中创建尽可能宽的重复元素，并希望 png 压缩算法将图像压缩到合理的大小，或者为此使用单独的图像。如果您正在使用重复渐变，您可能还想为此尝试使用 CSS 渐变。