问如何去除坡度底部的直线？
EN

Stack Overflow用户

提问于 2022-10-27 20:55:53

回答 1查看 38关注 0票数 0

我使用径向/线性梯度生成页面背景，特别是：

background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg, #670d10 0%,#092756 100%);

当查看大于1920x1080的页面并在y轴上滚动时，在原始渐变和延拓之间有一条直线，如下所示：

我想在某种程度上去掉这一行，这样当用户滚动页面时，一切都会变得无缝。

我如何在CSS中做到这一点？

html

css

回答 1

Stack Overflow用户

发布于 2022-10-27 21:35:57

就像html {min-height: 100%} 15分钟前Temani Afif建议的那样。

html {
  min-height: 100%;
}

body {
  background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, .4) 10%, rgba(138, 114, 76, 0) 40%), linear-gradient(to bottom, rgba(57, 173, 219, .25) 0%, rgba(42, 60, 87, .4) 100%), linear-gradient(135deg, #670d10 0%, #092756 100%);
}

<body>
</body>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/74228212

复制

相似问题

问如何去除坡度底部的直线？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何去除坡度底部的直线？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何去除坡度底部的直线？
EN