CSS3背景尺寸不小于';好像不行
我正在努力使CSS3渐变的大小正常工作。我设置了一个CSS3背景尺寸不小于';好像不行,css,background,linear-gradients,Css,Background,Linear Gradients,我正在努力使CSS3渐变的大小正常工作。我设置了一个背景大小:800px
背景大小:800px但是,正如下面的JSFIDLE所示,它肯定不是800px。我误解了财产吗?在不同的环境下,它的工作方式似乎有所不同;在没有其他标题的情况下使用时,背景会随浏览器调整大小,当包含在H5BP中时,背景不会调整大小,但高度太短
我非常非常困惑!我究竟如何创建一个特定大小的重复背景渐变
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
。典型的。非常感谢你的帮助。