线性渐变背景不断重复

Question

背景jpg可以很好地填充整个屏幕，但是我放在它上面的渐变非常细。如果我将渐变设置为“不重复”，将“不重复”设置为“重复”，那么我的背景jpg上方会水平出现无数的细长渐变。我只希望一个梯度将屏幕拉长一点。如果我将“自上而下”设置为“至右”，它正在执行我想要的操作，但是方向错误。如果设置为“ top”时其行为相同，我可以轻松地对渐变进行微调，并在渐变颜色的定义后面加上“％s”。 作为更大的人，我无法解决这个问题。

body {
  background-image: linear-gradient(to top, rgba(1, 1, 1, 0), rgba(0, 0, 0, 0.5)), url("vimeo.jpg");
  background-repeat: no-repeat, repeat;
  background-size: 100%, 100%;
}