Html 如何做一个渐变背景，是不是固定和滚动变化（css）

所以我想做一个渐变背景，在滚动时会发生变化-我的意思是我想让它看起来像这样：

---

滚动前的页面顶部：

滚动后的页面底部：

---

我现在使用这个代码：

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

---

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

将

背景附件：固定
更改为
背景附件：滚动

演示：
我找到了答案-希望对其他人也有帮助

（所以你的建议（全部）不起作用！
如果我更改此属性，它会破坏背景，因为页面很长。
我唯一能让它工作的方法是将属性高度设置为“自动”

height:auto;

这解决了我的问题。
只需删除
后台附件：已修复；
即可解决您的问题。