我有一个CSS背景渐变，当页面高度填满浏览器窗口时，这个渐变似乎会再次重复。 我已经尝试了通常的“不重复”，“覆盖”和“包含选项没有喜悦。

怎样才能让背景封面始终填满屏幕，而不管我的页面是长还是短？

{
    background-image: radial-gradient(circle at 85% 1%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 96%, transparent 96%, transparent 100%), radial-gradient(circle at 14% 15%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 1%, transparent 1%, transparent 100%), radial-gradient(circle at 60% 90%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 20%, transparent 20%, transparent 100%), radial-gradient(circle at 79% 7%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 78%, transparent 78%, transparent 100%), radial-gradient(circle at 55% 65%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 52%, transparent 52%, transparent 100%), linear-gradient(135deg, rgb(37, 56, 222), rgb(96, 189, 244));
}

这里是在一个短页面中起作用的，不需要滚动，而一个较长的页面需要滚动

https://boring-saha-ba54d1.netlify.app/

https://pedantic-ritchie-faf62a.netlify.app/