html - 用剪辑重复背景？

Question

我有一个用于部分的背景，它以顶部雕刻的小箭头开始：

但是，当它重复剪切顶部箭头部分时，我试图得到它，只是将纹理留在中间部分。我想知道是否可以使用 webkit 之类的东西来做到这一点？谢谢

Answer 1

You can't. You need to come up with another method of doing so. There are a number of ways to do this. Personally, I would use only the arrow, but use inner box-shadow for the shadows on everything else. This way you have smaller image being used, and it will always fit the size of the container.

Answer 2

从指针分解背景图像并制作两个单独的精灵。您可以使用指针变得棘手，让它指向同一图像中的所有 4 个方向。这将允许您从源头向各个方向弹出气泡。

Answer 3

您不能在可用的精灵上同时重复 x 和 y。

我的项目中最多有三个精灵。

一个用于非重复元素，另一个用于重复-x，另一个用于重复-y。

我觉得这个clip属性几乎没用。