Html 在另一个Div上滚动的Div

滚动时如何使一个div在另一个div上滚动？我试着使用

z-index

，但似乎没有按照我的要求运行代码。请看下面的图片

我希望绿色的div位于“App Name Here”div的上方（覆盖它），而不是下方我应该怎么做？这是我正在使用的代码

HTML

应用程序名称在此
信息。

Lorem Ipsum只是。。。。。

CSS

*{
保证金：0；
填充：0；
}
身体{
背景图片：url（“social_media_background_small.jpg”）；
背景附件：固定；
背景尺寸：封面；
}
.box1{
高度：90vh；
背景颜色：海蓝宝石；
z指数：99；
边界半径：12px；
填充：2rem；
}
.BOX1P{
文本对齐：对齐；
}
.标题{
背景色：rgb（27,21,21）；
不透明度：0.75；
高度：60vh；
显示器：flex；
弯曲方向：行；
对齐项目：居中；
证明内容：中心；
位置：粘性；
排名：0；
}
.页眉分区{
z指数：0；
}
.收割台分区h1{
字体大小：3rem；
z指数：0；
}

您需要定位

框1

元素：

        .box1 {
            position: relative;
            height: 90vh;
            background-color: aquamarine;
            z-index: 99;
            border-radius: 12px;
            padding: 2rem;
        }