我固定了导航栏，现在无论我将背景颜色设置为什么，它都是透明的。我怎样才能解决这个问题？

Question

我试图用这段代码创建一个固定的条，但是创建之后，即使我添加了背景颜色，它也变得透明了。

.header-nav{
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: fixed;
  top: 0;
  background-color: red;
}

Answer 1

我不完全确定你所说的透明是什么意思，但听起来你可能会看到内容 在 和 header 之上，而不是在它之下。尝试在 header 上设置一个 z-index 以强制它到堆栈的顶部。

.header-nav{
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: fixed;
  top: 0;
  background-color: red;
  z-index:2;
}