CSS 中的多个背景定位
Multiple background positioning in CSS
我正在尝试做这个有趣的简历网站，但我被背景本身困住了。我总共有 3 个背景：一张有山和一些天空的图片，另一张只剪掉了山的图片，中间藏着一个漂亮的小复活节彩蛋。我让前层和后层都可以滚动，中间层是固定的，所以当用户向下滚动时，小鸡巴就藏在山后面了。
但问题是，即使我在将它保存为图像之前在 Photoshop 中手动定位它，dickbutt 图像也无法正确定位。所以我使用背景位置工具将其设置正确，现在一切正常，除了，它只是针对特定的浏览器大小。在移动视图中，不仅背景没有以山峰为中心，而且 dickbutt 的位置也偏离得很远。
TL;DR：我想相对于其他背景之一定位我的多个背景之一，但它是相对于视口定位的。我应该怎么办？
这是我的代码： (github link)
我希望页面看起来像这样：
无法相对于其他背景定位图像。但是您可以使用多个 div 具有多个背景并使用绝对位置和 z-index
排列它们来完成您的任务
我正在尝试做这个有趣的简历网站，但我被背景本身困住了。我总共有 3 个背景：一张有山和一些天空的图片，另一张只剪掉了山的图片，中间藏着一个漂亮的小复活节彩蛋。我让前层和后层都可以滚动，中间层是固定的，所以当用户向下滚动时，小鸡巴就藏在山后面了。
但问题是，即使我在将它保存为图像之前在 Photoshop 中手动定位它，dickbutt 图像也无法正确定位。所以我使用背景位置工具将其设置正确，现在一切正常，除了，它只是针对特定的浏览器大小。在移动视图中，不仅背景没有以山峰为中心，而且 dickbutt 的位置也偏离得很远。
TL;DR：我想相对于其他背景之一定位我的多个背景之一，但它是相对于视口定位的。我应该怎么办？
这是我的代码： (github link)
我希望页面看起来像这样：
无法相对于其他背景定位图像。但是您可以使用多个 div 具有多个背景并使用绝对位置和 z-index
排列它们来完成您的任务