小编Gav*_*van的帖子
是否可以在 :root <html> 元素上制作背景渐变，使其超出过度滚动？
我试图做到这一点，以便当您滚动经过页面的顶部和底部时，我在正文上使用的背景渐变显示在正文的边缘之外。
是否有可能做到这一点？
我尝试过在根元素上设置background-image和background样式属性<html>，但似乎都没有超出正文传统结束位置的边缘。
请注意，这是在<html>标签上，而不是<body>标签上，而且由于过度滚动的工作方式，jsfiddle 似乎无法正确重现该问题。
这是一个复制示例（将其复制到index.html文件中进行测试）。我也用 试过了background-image，效果是一样的。
<html style="background: linear-gradient(180deg, rgba(214,124,123,1) 0%, rgba(214,188,123,1) 100%);">
</html>
下面是它的 .gif：
这是一个 .gif，其中已在 上设置了静态颜色<html>，并在 上设置了渐变<body>：
就像这样：
<html style="background-color: red">
<body style="margin: 0; background: linear-gradient(180deg, rgba(214,124,123,1) 0%, rgba(214,188,123,1) 100%);">
</body>
</html>
我提供了垂直渐变的示例，以匹配关闭期间请求的示例，但我主要感兴趣的是在页面上方和下方扩展水平渐变。
7
推荐指数
推荐指数
0
解决办法
解决办法
355
查看次数
查看次数