CSS中的多背景定位

Question

我试图做这个有趣的简历网站，并与背景本身。我总共有三个背景:一张画着一座山和一片天空，另一张照片上只有一座山，还有一个隐藏在中间的小复活节彩蛋。我让前后两层都可以滚动，中间一层是固定的，所以当用户向下滚动时，小傻瓜就躲在山后。

但问题是，即使我在Photoshop中手动将其保存为图像之前，dickbutt图像的定位也是不正确的。所以我使用了后台定位工具来设置它，现在还可以，只是，它只是针对特定的浏览器大小。在移动视图中，不仅背景不是以山顶为中心，而且在位置上也是很遥远的。

TL;DR:我想定位我的多个背景中的一个，相对于其他背景，但是相反，它是相对于视口定位的。我该怎么办？

这是我的代码：(github链接)

我希望这一页看起来像这样：

​

Answer 1

没有办法定位图像相对于其他背景。但是，您可以在多个div具有多个背景的情况下完成您的任务，并使用位置绝对值和z索引对它们进行排列。