我修复了导航栏，现在无论我设置背景颜色的样式如何，它都是透明的。我该如何解决这个问题？

Question

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

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

Answer 1

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

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