只有在使用SVG

Question

我正在设计一个使用SVG文档作为背景的网站。我希望这个图像在X轴上平铺。哪个效果很好，但我想知道是否有可能只在SVG中显示一个组，这样在后续的图块中该组就被隐藏了。

上图显示了我想要实现的目标。图像具有一组（在图像中为红色圆圈），在以下图块中不可见。

现在我知道可以使用额外的CSS背景来实现这些事情，但我真的很感兴趣，如果使用单个SVG背景可以实现这一点。

提前致谢！

Answer 1

答案是否定的。如果你依靠CSS来平铺背景 - 即。与repeat-x，然后没有。没有办法做你想做的事。当SVG被用作这样的背景时，它变得不可变 - 实际上与PNG或JPEG相同。

您需要使用其他方法。