我想创建一个线性渐变背景,无论浏览器窗口的大小如何,都适合相同的数量,以适应固定高度的 Headers ,子 Headers 和内容div .
我的问题是,当我移动页面时,我不希望渐变缩放 . 我想,我可以使用1px宽的图像来获得相同的结果,但我最终希望该网站尽可能没有图像,禁止使用徽标 .
是否可以使用像素定义的渐变而不是百分比定义的渐变?
是的你可以 . 您可以用标准单位代替百分比 . 看这个例子:
http://dabblet.com/gist/1856111
background: linear-gradient(left, #729fcf 10px, #4c7bb4 20px, #3465a4 63%, #204a87 100%);
如果需要固定大小的渐变,请使用background-size属性指定其大小 .
2 回答
是的你可以 . 您可以用标准单位代替百分比 . 看这个例子:
http://dabblet.com/gist/1856111
如果需要固定大小的渐变,请使用background-size属性指定其大小 .