如何在这个精灵上平铺重复背景？

Question

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

来自亚马逊的精灵：http://farm4.static.flickr.com/3320/3217540317_0f0ffb778d.jpg

右下区域为那些要求重复的渐变-x。

我无法理解。想法？

- 肖恩

Answer 1

除非使用Javascript（我无法想象提供一个简单的解决方案），我不相信它可以做你所要求的（即只重复一个元素的复杂精灵的一部分）背景。）

我环顾了亚马逊网站，我看不到那些“渐变”被使用。它们完全有可能是“间隔”图形，或存储在精灵中的颜色信息，以便将来进行图像修改。

...

通过...精灵背景实现这将是一个很酷的功能，其坐标概述了可拼图区域。

Answer 2

据我所知，我认为你不能使用那个精灵。

您可以使用精灵来创建重复背景，但精灵必须使用背景重复。因此，如果你想要一个repeat-x，那么必须是一个垂直精灵和一个水平精灵用于repeat-y（或者反过来。我总是对它们感到困惑）。