CSS3背景尺寸不小于';好像不行

CSS3背景尺寸不小于';好像不行,css,background,linear-gradients,Css,Background,Linear Gradients,我正在努力使CSS3渐变的大小正常工作。我设置了一个背景大小:800px

我正在努力使CSS3渐变的大小正常工作。我设置了一个
背景大小:800px
我非常非常困惑!我究竟如何创建一个特定大小的重复背景渐变

body {
  background: #0d1a2d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1b355a), color-stop(50%, #000000), color-stop(100%, #1b355a));
  background-image: -webkit-linear-gradient(#1b355a, #000000 50%, #1b355a);
  background-image: -moz-linear-gradient(#1b355a, #000000 50%, #1b355a);
  background-image: -o-linear-gradient(#1b355a, #000000 50%, #1b355a);
  background-image: linear-gradient(#1b355a, #000000 50%, #1b355a);
  background-size: 800px;
}

jsIDLE:

您需要指定x和y方向的大小,如下所示:

background-size: 800px 800px;

话虽如此,您所做的是合规的。然而,根据我们从您的实验中得到的信息,浏览器是否符合此规范是不一致和不可靠的。所以,现在,最好明确定义两个方向


一旦浏览器的行为符合规范,设置一个值将另一个值设置为
auto

Ha!我试过
100%
而不是
800px
。典型的。非常感谢你的帮助。