我想要创建一个线性渐变背景,无论浏览器窗口的大小如何,适合于相同的角度,以适应固定高度的标题,子标题和内容div.
我的问题是,当我移动页面时,我不希望渐变缩放.我可以使用1像素宽的图像来获得相同的结果,但我想,尽管如此,我仍然希望网站尽可能无图像,而不必使用标志.
是否可以使用像素定义的渐变而不是百分比定义的渐变？
解决方法
是的你可以.您可以用标准单位代替百分比.看这个例子：
http://dabblet.com/gist/1856111
background: linear-gradient(left,#729fcf 10px,#4c7bb4 20px,#3465a4 63%,#204a87 100%);
更新
您需要包含浏览器前缀才能使用上述示例.它们将被指定如下：
background-image: -webkit-linear-gradient(left,#f00 10px,#444 20px,#3465a4 21px,#203388 10rem,#204a87 100%); background-image: -moz-linear-gradient(left,#204a87 100%); background-image: -o-linear-gradient(left,#204a87 100%); background-image: -ms-linear-gradient(left,#204a87 100%); background-image: linear-gradient(left,#204a87 100%);
