如何做一个未修复的渐变背景和滚动更改（css）

Question

所以我想做一个渐变背景，在滚动上做更改 - 我的意思是我想让它看起来像这样：

滚动前

页面顶部：

滚动后

页面底部：

我现在使用此代码：

background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255), rgba(237, 255, 188, 0.5));
background-repeat: no-repeat;
background-attachment: fixed;

但它不起作用 - 它保持固定，无论我在页面的哪个位置，背景颜色都保持不变。

Answer 1

将background-attachment:fixed更改为background-attachment:scroll

演示：http://jsfiddle.net/lotusgodkk/GCu2D/2187/

Answer 2

我找到了答案 - 希望它对其他人也有帮助..

（所以你的建议（所有这些）都不起作用！ 如果我更改此属性，它会打破背景，因为页面很长。 我能使它工作的唯一方法是在auto上设置属性高度。

height:auto;

这解决了我的问题。