制作渐变背景会继续使用最后一种颜色

Question

所以我有一个背景：

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

我的CSS：

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

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

Answer 1

尝试添加background-color：

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

Answer 2

添加

background-color:#86a6b5; 

给你CSS。

演示：http://jsfiddle.net/2KYWL/