带偏移的CSS背景渐变

带偏移的CSS背景渐变,css,background-image,gradient,background-position,Css,Background Image,Gradient,Background Position,我将渐变作为背景图像应用于我的身体。然后我使用背景位置在顶部添加了255px偏移量:0 255px 它看起来很不错,除了一个小问题:当然,渐变不是在页面底部结束,而是在页面底部结束255px 有没有简单的方法让渐变从底部结束,但从偏移到开始 您可以像这样实现您想要的:将您的背景置于0px 0px并定义一个具有更多颜色停止的渐变,在顶部有一个纯色区域,然后是实际渐变,如下所示: 背景位置:0px 0px; 背景图像:线性渐变(至底部, #FFFFFF0px,/*有一个纯白色区域*/ #FFFFFF

我将渐变作为背景图像应用于我的身体。然后我使用
背景位置在顶部添加了255px偏移量:0 255px

它看起来很不错,除了一个小问题:当然,渐变不是在页面底部结束,而是在页面底部结束255px

有没有简单的方法让渐变从底部结束,但从偏移到开始


您可以像这样实现您想要的:将您的背景置于
0px 0px
并定义一个具有更多颜色停止的渐变,在顶部有一个纯色区域,然后是实际渐变,如下所示:

背景位置:0px 0px;
背景图像:线性渐变(至底部,
#FFFFFF0px,/*有一个纯白色区域*/
#FFFFFF255px,/*位于顶部(255px高)*/
#C4C7C9 255px,/*然后从255px开始渐变*/
#FFFFFF 100%/*并在100%结束(=身体高度)*/
);  
(示例代码适用于最新版本的Chrome和FireFox,但采用相同的原则,将其调整为支持所有主要浏览器和版本是很简单的。)


还有,这个

你试过我的建议了吗?它起作用了吗?你还面临问题吗?