Html 当我向上滚动时，无法使导航栏隐藏内容

我正在建立一个登录页，我想知道为什么我不能让我的导航栏正常工作。我的格式设置正确，但我遇到的一个问题是，当我向下滚动时，文本会通过导航栏/标题，而它应该在后面，或者在向下滚动时不可见。有人知道我能解决这个问题的方法吗？以下是我的代码：

HTML:

感谢您的任何想法。我相信这是一件很常见的事情，因为很多网页都有它。谢谢

header {
  position: fixed;
  display: flex;
  top: 0px;
  width: 100%;
  height: 90px;
  background: rgba(0, 0, 128, 90%);
  z-index: 2
}

看起来标题将是一个粘性标题。 如果您需要页眉层位于页面的前面，则必须使用z索引对该层进行排序

试试看

header {
  position: fixed;
  display: flex;
  top: 0px;
  width: 100%;
  height: 90px;
  background: rgba(0, 0, 128, 90%);
  background-color: white;
  z-index: 999
}

总之

header {
  position: fixed;
  display: flex;
  top: 0px;
  width: 100%;
  height: 90px;
  background: rgba(0, 0, 128, 90%);
  z-index: 2
}

header {
  position: fixed;
  display: flex;
  top: 0px;
  width: 100%;
  height: 90px;
  background: rgba(0, 0, 128, 90%);
  background-color: white;
  z-index: 999
}