css – 设置橡皮筋滚动期间可见的额外页面部分的颜色

前端之家收集整理的这篇文章主要介绍了css – 设置橡皮筋滚动期间可见的额外页面部分的颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
至少当您在Mac上滚动边缘时,您会看到页面向下移动并在其后面留下纯色.我想你可以通过设置身体的背景颜色来改变颜色.但还有其他方法吗?因为有时候我需要在顶部和底部有不同的颜色等.

解决方法

我的解决方案是欺骗了一点,并在html或body标签上使用线性渐变()来控制给定项目的分段背景颜色.

这样的事情应该将背景分成两半并照顾现代浏览器.

background: -webkit-gradient(
    linear,left top,left bottom,color-stop(0.5,#8BC63E),#EEEEEE)
);
background: -o-linear-gradient(bottom,#8BC63E 50%,#EEEEEE 50%);
background: -moz-linear-gradient(bottom,#EEEEEE 50%);
background: -webkit-linear-gradient(bottom,#EEEEEE 50%);
background: -ms-linear-gradient(bottom,#EEEEEE 50%);
background: linear-gradient(to bottom,#EEEEEE 50%);

我在iOS上获得了相同的行为,并且似乎更依赖于特定的布局.

猜你在找的CSS相关文章