Html 如何使背景图像相互下方（二维，垂直方向而不是相互上方）？

我想让我的网站滚动，我想为每个部分设置一个背景图像。问题是，当我尝试设置两个图像背景时，一个总是位于另一个的下方。代码如下：

*{
边际：0px；
填充：0px；
框大小：边框框；
}
html{
最小高度：100%；
背景：url（'https://i.ibb.co/jwgmvh6/Javascript-program-code-programming-script-vector-background-Coding-script-command-programming-funct.jpg');
背景尺寸：封面；
盒影：插入0.2000px rgba（56,55,55,0.9）；
}
h1{
字体系列：“Raleway”，无衬线；
文本转换：大写；
文本对齐：居中；
垫顶：5vh；
字母间距：10px；
字体大小：5vh；
颜色：白色；
}
氢{
字体系列：“Raleway”，无衬线；
文本转换：大写；
文本对齐：居中；
填充顶部：2vh；
垫底：10vh；
字母间距：10px；
字号：2vh；
颜色：白色；
}
#奥纳克普{
显示：块；
左边距：自动；
右边距：自动；
宽度：50%；
宽度：150vh；
高度：50vh；
}
导航{
显示器：flex；
证明内容：周围的空间；
对齐项目：居中；
最小高度：8vh；
背景色：rgb（65,61,61）；
字体系列：“Raleway”，无衬线；
}
.标志{
颜色：rgb（150148148）；
文本转换：大写；
字母间距：5px；
字体大小：30px；
}
.导航链接{
显示器：flex；
证明内容：周围的空间；
宽度：30%；
列表样式：无；
}
.导航链接a{
颜色：rgb（150148148）；
文字装饰：无；
字母间距：3px；
字体大小：粗体；
字体大小：20px；
}
@关键帧反弹{
0%{底部：0；}
50%{底部：20px；}
100%{底部：0；}
}
.阿罗{
动画：弹跳1秒无限轻松进出；
底部：0；
显示：块；
高度：50px；
左：50%；
左边距：-25px；
位置：绝对位置；
宽度：50px；
}
.动画{
显示：无；
光标：指针；
}
.动画组{
宽度：25px；
高度：4px；
背景色：rgb（150148148）；
保证金：5px；
过渡：所有0.3秒缓解；
}
@媒体屏幕和屏幕（最大宽度：1300px）{
.导航链接{
宽度：50%；
}
}
@媒体屏幕和屏幕（最大宽度：768px）{
身体{
溢出x：隐藏；
}
#奥纳克普{
宽度：50vh；
高度：25vh；
}
h1{
字号：2vh；
填充顶部：20px；
}
氢{
字号：1vh；
垫面：5px；
}
.标志{
字体大小：20px；
}
.导航链接{
位置：绝对位置；
右：0px；
高度：92vh；
顶部：8vh；
背景色：rgb（65,61,61）；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
宽度：55%；
转化：translateX（100%）；
过渡：0.5s轻松过渡；
}
.nav链接李{
不透明度：0；
}
.动画{
显示：块；
}
}
.导航激活{
转化：translateX（0%）；
}
@关键帧navLinkFade{
从{
不透明度：0；
转换：translateX（50px）；
}
到{
不透明度：1；
转换：translateX（0px）；
}
}
.toggle.line1{
变换：旋转（-45度）平移（-5px，6px）；
}
.toggle.line2{
不透明度：0；
}
.toggle.line3{
变换：旋转（45度）平移（-5px，-6px）；
}

Zsombi的网站
佐姆比






霍瓦特·桑博尔
编程与摄影
关于

请阅读并确认。还有，他们怎么可能都比对方低呢？这是一个悖论；必须有人在上面