嗨，所以我正在做一个网页应用程序，我现在正在使用一个渐变作为背景.我在想，为什么我的屏幕底部会无缘无故地出现蓝色背景.以下是代码和屏幕截图.
https://i.stack.imgur.com/RXqnL.png个
codepen:https://codepen.io/AviPlayz247/pen/QWomyLe
正如您在代码中看到的那样，底部有一个蓝色背景，而不是连续的渐变.有人知道为什么吗？
我try 过的一些修复包括设置Body min-height: 100%和html标记，但它并没有真正修复任何东西.如果有人能帮我解决我遇到的这个问题，那就太好了！谢谢!
我解决这个问题的方法是background-attachment
html, body {
margin: 0;
padding: 0;
background-color: transparent;
background-image: linear-gradient(180deg,
rgb(23.75, 0, 91.36) 0%,
rgb(9.84, 3, 29.31) 100%);
background-attachment: fixed;
height: 100% !important;
}
MDN页面以这样的方式描述"已修复":
fixed个 背景相对于视区是固定的.即使元素有滚动机制，背景也不会随着元素移动.(这与背景剪辑:文本不兼容.)
比如说，你也可以将你背景中的100%作为终点增加到200%.或其他值.
标记的情况下加入 HTML 中的段落