html - 底部出现灰色部分

Question

我正在制作一个社交网络，我正在使用 linear-gradient(#dadae3, white)。这有效，但是底部显示了颜色 #dadae3 的部分。我没有此部分的元素。

截图:

我正在寻找摆脱这个灰色部分的解决方案。谢谢!

Answer 1

由于缺少 height，您的背景渐变只是在那里重复body 元素的 (我假设你在 body 元素上使用渐变)，还要确保你已经设置了你的 background-repeat 到不重复

Demo

html, body {
   height: 100%; /* Setting both the elements height to 100% */
}

body {
    background-repeat: no-repeat; 
    /* mmmm not required as we have set to fixed but than too no harm using it */
    background-attachment: fixed; /* Fixes background for you */
    background: linear-gradient(#dadae3, white);
}