我已经在谷歌上阅读了关于如何叠加图像的一切。但他们都只是2张图片。我正在制作一个可以捕捉生物的游戏，我在这里有我的游戏链接：
http://www.developlucca.com/FeatureQuest/app.html
游戏运行正常。只是图像只是让页面更大更长。页面只加载一个人，只需等待，生物将出现并使页面滚动。请帮忙！
答案 0 :(得分：1)
如果父元素是position：relative， 你可以用display：absolute，
叠加图像然后在这个父元素中你可以继续通过z-index对图像进行分层，z-index将为最高索引提供视图优先级，就像层级一样。 这将允许您根据需要拥有相同数量的图像。 要处理大小调整，您可以使用100％宽度/高度，或覆盖您可以溢出：隐藏。 我希望这会有所帮助。
答案 1 :(得分：0)
您需要将这些图片设置为position: absolute，并将容器（#main-content）设置为position: relative。
然后，您可以通过top/left/right/bottom属性设置每个图像的位置。
有关MDN上CSS定位的更多信息：
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning