问在视图上方/下方滚动时背景颜色？
EN

Stack Overflow用户

提问于 2015-11-07 22:50:47

回答 1查看 1.1K关注 0票数 5

在Mac上的浏览器中，可以向上滚动到顶部，向下滚动到body元素的底部。在每一种情况下，内容都会截取回来，但是有一段时间(由于滚动的势头)，您可以看到页面顶部/底部最上面/下面的部分主体背景颜色。

此元素的颜色由Chrome/Safari/FF中的人体背景色值设置。

可以在视口上方和下面设置不同的颜色吗？，例如，白色上方，下面是黑色。

我很肯定这是我们无法控制的--因为技术上来说，这个区域是在视野之外--但我很想听听是否有人能为我提供帮助。

css

momentum

回答 1

Stack Overflow用户

发布于 2018-02-19 20:43:42

差不多吧。您可以使用渐变背景。从技术上讲，它仍然是一个背景，但它的另一个部分将在顶部和底部可见。

背景梯度的呈现将是令人惊讶的，因为浏览器为向后兼容而在<body>和<html>背景之间出现了混淆。您需要给<html>元素height或min-height，否则背景梯度将使用<body>的高度！

html {
    background: linear-gradient(red, blue); // use color stops for hard edge
    min-height: 100%;
}

如果你想用另一种页面内容的背景色来覆盖它，希望能与height:auto和边缘崩溃的烦恼作斗争：

html {
    background: linear-gradient(red, blue);
    height: 100%;
}

body {
    background: green;
    height: 100%;
    margin: 0; padding: 1em;
}

票数 2

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

原文链接：

https://stackoverflow.com/questions/33588742

复制

相似问题

问在视图上方/下方滚动时背景颜色？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在视图上方/下方滚动时背景颜色？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在视图上方/下方滚动时背景颜色？
EN