视差滚动CSS问题

Question

我目前遇到视差滚动问题。我正在使用自定义JavaScript解决方案，将内容移动到初始背景图像上。它完全正常，但是，内容下方仍然可以看到初始背景照片。以下是一些代码段。

#home {
position: relative;
width: 100vw;
height: auto;
}

#home_img {

min-width: 100vw;
width: 100vw;
height:auto;
position: relative;
z-index: -1;
}
#content {
position: relative;
z-index: 1;
}

这是我的HTML

<section class="section"id="home">
    <img id="home_img"src="images/homepagenew2.png">
    <!-- <i class="fa fa-home"></i> -->
</section> <!-- End Home Div -->

<div id="content">
   .....
</div>