导致扫描线的垂直梯度

Question

试图放置一个从上到下的渐变作为我的背景，但由于某种原因垂直渐变导致背景创建扫描线。

Image Of Issue

这是我的样式表：

body{
    background-image: linear-gradient(red, yellow);
    background-size: cover;
    width: 50%;
    padding-left: 25%;
}

Answer 1

将min-width 和min-height 添加到您的正文中。

body{
    background-image: linear-gradient(red, yellow);
    background-size: cover;
    min-width: 100%;
    min-height: 100vh;
}