首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >像素的CSS3渐变,而不是百分比

像素的CSS3渐变,而不是百分比
EN

Stack Overflow用户
提问于 2012-02-18 07:21:51
回答 2查看 27K关注 0票数 43

我想创建一个线性渐变背景,无论浏览器窗口的大小如何,它都适合,以适应固定高度的标题,子标题和内容div。

我的问题是,当我移动页面时,我不希望渐变缩放。我想我可以用一个1px宽的图片来达到同样的效果,但我最终还是想让这个网站尽可能的没有图片,除了徽标。

是否可以使用像素定义的渐变而不是百分比定义的渐变?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-02-18 07:27:16

是的你可以。您可以用标准单位代替百分比。请参阅此示例:

http://dabblet.com/gist/1856111

代码语言:javascript
复制
background: linear-gradient(left, #729fcf 10px, #4c7bb4 20px, #3465a4 63%, #204a87 100%);
票数 50
EN

Stack Overflow用户

发布于 2012-02-18 07:34:26

如果需要固定大小的渐变,请使用background-size属性指定其大小。

票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9336846

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档