重复背景的垂直线

【问题标题】：Repeating a vertical line of background重复背景的垂直线
【发布时间】：2017-06-01 19:26:29
【问题描述】：

我的背景不是纯色（基本上是图像），图案和渐变随着页面的向下而变化。我想保持渐变并使其无限。

我正在考虑将最后 1-2px 放在两侧，然后左右复制。它可以在 Photoshop 中使用，但我如何在 html/css 中使用？ Here how it looks

【问题讨论】：

【解决方案1】：

我不知道我是否得到它，但我认为这会奏效。 HTML：

<body>
   <main>
   </main>
</body>

CSS：

body {
 margin: 0;
 min-height: 100vh;
 background-image: (your-image);
 background-size: fixed;
 }

main {
 height: 50vh; //optional
 width: 70%;
}

【讨论】：