我想要一个背景渐变，例如
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(2, 126, 174, 0.9))
在我的文档正文上，它延伸到正文的整个高度 - 并与正文一起滚动。
Using
background-attachment: fixed;
我得到了（视口的）整个高度，但它保持固定。
background-attachment: scroll;
让我滚动，但它只是延伸到视口高度。
有什么办法可以两者兼得吗？
Edit:
正如 Boltclock 所指出的，我确实在基本测试页面上通过“background-attachment：scroll”获得了预期的行为。
With
<body>
<div id="stretch">Content</div>
</body>
and
body {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(2, 126, 174, 0.9));
}
#stretch {
height: 2000px;
}
一切正常：渐变延伸到整个主体（主体高 2000 像素），并随内容滚动。
然后我添加
html,
body {
height: 100%;
}
这是页面所基于的基本模板所做的事情。
为了让身体再次膨胀，我添加
height: auto;
并且主体回到 2000px 高度。
然而，渐变保持在 HTML 高度 - 然后重复。
我在这里缺少什么？
