这是我身体的CSS代码：
body {
padding: 0px;
margin: 0px;
background-image: url("../images/background.jpg");
background-repeat: no-repeat;
background-color: grey;
background-size: 100%;
}
解决方法
我偶然发现,我使用纯CSS创建的视差速度更加灵活,我只想指出,所有这些人都是错误的,并且可以使用纯CSS.还可以控制元素的高度更好.
您可能需要编辑您的DOM / HTML有一些容器元素,在您的情况下,您正在将身体应用于身体,这将限制您很多,似乎不是一个好主意.
http://keithclark.co.uk/articles/pure-css-parallax-websites/
根据屏幕尺寸,您可以使用Viewport-percentage lenghts控制高度：
https://stanhub.com/how-to-make-div-element-100-height-of-browser-window-using-css-only/
.forefront-element {
-webkit-transform: translateZ(999px) scale(.7);
transform: translateZ(999px) scale(.7);
z-index: 1;
}
.base-element {
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 4;
}
.background-element {
-webkit-transform: translateZ(-999px) scale(2);
transform: translateZ(-999px) scale(2);
z-index: 3;
}
层速度由透视和Z平移值的组合控制.具有负Z值的元素将比具有正值的元素滚动慢.值越大,视差效果越明显(即translateZ(-10px)将比translateZ(-1px)慢).
这是一个由Google搜索发现的演示,因为我知道有很多非信徒在那里,永远不会说不可能：
http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/
