Html z索引不能正常工作

我有两个导航栏内移动标题，我想让页面内容滚动后面。我不能让它工作

这是一个

这是代码

<div id="mobile-header">
  <div class="top-header"></div>
  <div class="navbar-inverse"></div>
</div>
<div id="page-wrap"></div>

---

有人能帮忙吗请检查一下。我已经修改了CSS的一些部分

.顶部标题{ 宽度：800px； 高度：50px； 背景：蓝色； } .导航条反转{ 宽度：800px； 高度：100px； 背景：绿色； } 移动报头{ z指数：9999； 位置：固定； 左：0右：0顶：0； 边框：5px纯黄色； 顶部：0px； } 换页{ z指数：9； 位置：相对位置； 高度：1500px； 宽度：800px； 背景：红色； 边缘顶部：160px； }

---

什么是我不能让它工作。意思是预期产量是多少？什么是失败？有什么错误吗？它没有滚动，很抱歉不清楚，就像它在你的小提琴上滚动一样…我已经在我的网站上设置了这样，它不工作了？如果选中768PX，则在左右移动标头定义中缺少一些分号-这是问题所在吗？-嗨，艾哈迈德，谢谢，差不多了，但我想把红色的部分放在后面而不是上面，你能帮我吗？嗨@DeniseField，请现在检查一下。我已经设置了红色位，在移动标题部分后面。

.top-header {
  width: 800px;
  height: 50px;
  background: blue;
}

.navbar-inverse {
  width: 800px;
  height: 100px;
  background: green;
}

#mobile-header {
  z-index: 10;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  border: 5px solid yellow;
}

#page-wrap {
  z-index: 1;
  position: relative;
  height: 1500px;
  width: 800px;
  background: red;
}