Html 使渐变背景延续最后一种颜色

所以我有一个背景：

我希望这个背景看起来很像它，然后垂直重复，但不是背景的其余部分是白色的，我希望它与渐变上的最后一种颜色相同

我的CSS：

body {
background-image:url('background.jpg');
background-repeat:repeat-y;
background-size: 20%;
}

---

这使得它占据了我背景大小的20%，然后留下一条白色的痕迹，我想把它变成渐变的最后一种颜色。

尝试添加

背景色

：

body {
  background-color:blue;
  background-image:url('background.jpg');
  background-repeat:repeat-y;
  background-size: 20%;
}

加

谢谢你

---

演示：

您应该能够使用CSS3实现此效果，而不使用任何图像。你有没有玩过“css3线性梯度生成器”工具？确实有！如果我可以问的话，你是如何得出准确的颜色的？例如，有许多颜色选择器实用程序-它允许你指向屏幕的任何部分并获取颜色信息chrome“Web Developer”扩展也有一个颜色选择器

background-color:#86a6b5;