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

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

这个来自亚马逊的精灵：

右下区域是那些要求重复-x的梯度

我想不出来。想法

---

--肖恩

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

---

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

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

我查看了亚马逊网站，没有看到这些“渐变”被使用。它们完全可能是“间隔”图形，或者存储在sprite中的颜色信息，以便将来修改图像

---

这将是一个很酷的功能来实现…精灵背景，坐标勾勒出可平铺的区域。

对，这是我过去做过的唯一方式。问题是我内心好奇的猫认为精灵在亚马逊的某个地方使用过，他们正在做一些我不知道的事情。他们正在使用精灵。at在亚马逊网站的底部，你应该看到一个“你最近的历史记录”部分。如果你是firebug，你应该看到他们的风格和使用的精灵。但是，我在问题中找不到任何提到你的精灵的地方。可能是你的精灵是一个旧的，有不同的设计。是的，我也注意到了，他们目前在他们的.com上的精灵，至少是他们的主要标志（右键单击标题徽标->检查元素->查看背景图形）与我链接到的不同。但问题仍然存在。