css - 如何在这个 Sprite 上平铺重复的背景？

Question

亚马逊似乎使用(使用)了具有静态背景和平铺的 sprite，但它们混合在一起，似乎没有结构化的位置。一般来说，我的理解是，如果你想在具有静态背景的 Sprite 上重复 x，它们都需要具有相同的宽度，或者至少重复图像的宽度必须是 Sprite Canvas 宽度的 100%。

这个 Sprite 来自亚马逊:http://farm4.static.flickr.com/3320/3217540317_0f0ffb778d.jpg

右下方区域是那些乞求重复 x 的梯度。

我想不通。想法？

--肖恩

Answer 1

除非使用 Javascript(我无法想象它会提供一个简单的解决方案)，否则我不相信有可能做你所问的事情(即只重复元素的复杂 Sprite 的一部分背景。)

我环顾了 Amazon 网站，没有看到使用了那些“渐变”。它们完全有可能是“间隔”图形，或存储在 Sprite 中以供将来修改图像的颜色信息。

...

实现虽然...... Sprite 背景，坐标勾勒出可平铺区域，这将是一个很酷的功能。