Javascript 如果不使用“背景附件：修复！重要；”，渐变将无法工作？替代方案是什么？

作为一名网络开发新手，我尝试了一次很好的登录。我无法获得正确的元素位置，我被迫使用背景附件：修复！重要的

有没有其他方法可以在不使用```背景附件的情况下获得相同的结果{下图}：修复！重要的

这是我的密码：

身体{ 保证金：0； 填充：0； 字体系列：无衬线； 身高：100%； 背景：线性渐变红色、绿色； 背景附件：固定！重要； } .盒子{ 宽度：300px； 填充：40px； 位置：绝对位置； 最高：50%； 左：50%； 转化：转化-50%，-50%； 背景：191919年； 文本对齐：居中； } .框h1{ 颜色：白色； 文本转换：大写； 字号：500； } .box输入[类型=文本]， .box输入[类型=密码]{ 边界：0； 背景：无； 显示：块； 保证金：20px自动； 文本对齐：居中； 边框：2倍实心3498db； 填充：14px 10px； 宽度：200px； 大纲：无； 颜色：白色； 边界半径：24px； 过渡：0.25s； } .box输入[类型=文本]：焦点， .box输入[类型=密码]：焦点{ 宽度：280px； 边框颜色：2ecc71； } .box输入[类型=提交]{ 边界：0； 背景：无； 显示：块； 保证金：20px自动； 文本对齐：居中； 边框：2倍实心3498db； 填充：14px 40px； 宽度：200px； 大纲：无； 颜色：白色； 边界半径：24px； 过渡：0.25s； 光标：指针； } .box输入[类型=提交]：悬停{ 背景：2ecc71； } 登录

---

您可以使用javascript设置背景高度等于您的滚动。

…以及它如何解决一般问题-什么问题？我看不到任何…你想实现什么？你也可以告诉我们使用codesandbox.ioI阅读一些使用背景附件：修复！重要的将导致问题，应该避免这个习惯。您缺少：html{height:100%；}或将body设置为height:100vh。绝对元素脱离流确实扩展了它们的父元素。这里的尸体只有0像素高。高度：XX%需要设置了高度的父级，以便可以计算。只有HTML才能100%显示视口。重复：。但是，最好避免使用position:absolute，这样html/body就可以拉伸。显示可以帮助将事物集中起来。一个灵活的例子：没有副作用切割形式或在background@G-Cyr您可能想投票重新打开该问题，以便我们可以将其作为副本再次关闭。我还知道另一个更接近这种情况的副本：谢谢你的建议，这可能会给我想要的结果，但我这里有两个问题。首先，作为一个初学者，我对JS几乎没有经验。第二，这个登录页面非常简单，应该可以通过Html和CSS实现。由于我缺乏经验，我想知道如何使用HTML和CSS制作网页，然后再继续使用JS制作网页。再次感谢。