指定范围之外的 z-index 堆叠元素

z-index stacking elements outside of what is specified

我使用 z-index 将几个输入框和一些文本堆叠在图像之上,效果如我所愿。当我继续并开始我的页面的下一部分时,它将下一部分移到使用 z-index 的图像后面。如何让我的下一部分跟随图像下方页面的正常流动而不是堆叠在图像后面?

图像需要 position: relative(而不是 absolute)- 这样它将保留在文档流中。