我想创建一个线性渐变背景,无论浏览器窗口的大小如何,它都适合,以适应固定高度的标题,子标题和内容div。
我的问题是,当我移动页面时,我不希望渐变缩放。我想我可以用一个1px宽的图片来达到同样的效果,但我最终还是想让这个网站尽可能的没有图片,除了徽标。
是否可以使用像素定义的渐变而不是百分比定义的渐变?
发布于 2012-02-18 07:27:16
是的你可以。您可以用标准单位代替百分比。请参阅此示例:
http://dabblet.com/gist/1856111
background: linear-gradient(left, #729fcf 10px, #4c7bb4 20px, #3465a4 63%, #204a87 100%);
发布于 2012-02-18 07:34:26
如果需要固定大小的渐变,请使用background-size
属性指定其大小。
https://stackoverflow.com/questions/9336846
复制相似问题