CSS问题 - 为不同方向的两个不同图像重复x

Question

我正在网站上玩一个只是为了练习的图像，我想知道是否有人可以帮我解决问题。

我正试图让蛇的分支向两个方向延伸。 （对x使用background-repeat）但是它只与一侧或另一侧匹配。有没有办法让x只重复图像的一面，所以我可以使用树图像的两个条子，它会在两边匹配？

感谢您提供的任何意见或见解！

Answer 1

那怎么办？想象一下，图像是一系列字符xyz。

要重复我需要使用的图像：

xyz,xyz,xyz,xyz

除非图像的两边（x和z）匹配，否则无法重复它而不会在重复之间的边界处出现不匹配。

换句话说，修复图像以使两侧匹配。

Answer 2

不，你不能指定它。

您应该做的是将您的网页分成3个区域：snake，left，right。然后左右使用不同的重复背景。

您还可以修复蛇图像，使其匹配。

Answer 3

您可以使用background-position xpos ypos设置背景的起点。将它向上移动以与蛇的图片一致。