css 垂直渐变导致扫描线[重复]

64jmpszr 于 2023-01-18 发布在其他

关注(0)|答案(1)|浏览(94)

How to remove the stripes that appears when using linear gradient property [duplicate]（2个答案）
2天前关闭。
尝试放置一个自上而下的梯度作为我的背景，但由于某种原因，垂直梯度导致背景创建扫描线。
Image Of Issue
下面是我的样式表：

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

1条答案

给你的身体加上一个min-height。

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