Css 导航栏-透明问题

我不明白为什么我能像这样透过导航栏看东西。我甚至可以通过它突出显示文本。有人帮忙吗

这是HTML和CSS，当我在在线编辑器上测试时，它工作正常。但根据我的本地代码，它不是

nav{
位置：固定；
排名：0；
左：0；
宽度：100%；
背景：#fff；
盒影：0 3px 10px-2px rgba（0,0,0,1）；
边框：1px实心rgba（0,0,0,1）；
}
导航ul{
列表样式：无；
位置：相对位置；
浮动：对；
右边距：100px；
显示：内联表；
}
李国荣{
浮动：左；
-webkit转换：所有.2易入易出；
-moz转换：所有.2秒的输入输出；
转换：所有.2易入易出；
}
nav ul li:悬停{背景：rgba（0,0,0,15）；}
导航ulli:hover>ul{display:block；}
李国荣{
浮动：左；
-webkit转换：所有.2易入易出；
-moz转换：所有.2秒的输入输出；
转换：所有.2易入易出；
}
海军ulli a{
显示：块；
填充：30px 20px；
颜色：#222；
字体大小：.9em；
字母间距：1px；
文字装饰：无；
文本转换：大写；
}

我无法发表评论，因此这只是一个答案，但更多的是一个建议，因为我看不到你所有的代码（比如Lorem Ipsum从哪里来？）

您已经将导航设置为位置：fixed，这将从DOM的结构中移除自身。我没有看到z-index属性，因此可能会修复这种情况。如果将z索引设置为大于0的任何值，则文本将隐藏在导航后面

nav {
  position:fixed;
  z-index: 1;
...
}

---

为确保文本位于导航栏下方，您可能需要将正文标记的页边距顶部设置为与导航栏的高度相等

我不能评论，所以这只是一个答案，但更多的是一个建议，因为我看不到你所有的代码（比如Lorem Ipsum来自哪里？）

您已经将导航设置为位置：fixed，这将从DOM的结构中移除自身。我没有看到z-index属性，因此可能会修复这种情况。如果将z索引设置为大于0的任何值，则文本将隐藏在导航后面

nav {
  position:fixed;
  z-index: 1;
...
}

---

为确保文本位于导航栏下方，您可能需要将正文标记的页边距顶部设置为与导航栏的高度相等

你的

Lorem Ipsum

的

style

在哪里？你可以发布你的html的完整部分，包括Lorem Ipsum部分吗？这里是指向Lorem Ipsum部分的html和CSS的链接：堆栈溢出不允许我在我的帖子中添加更多的代码。你的

Lorem Ipsum

的

样式在哪里？你可以吗你发布了html的完整部分，包括Lorem Ipsum部分。这里是指向Lorem Ipsum部分的html和CSS的链接：堆栈溢出不允许我在我的文章中添加更多代码。我建议不要使用z-index来处理像这样简单的事情，因为z-indexing可能会在以后引起问题，而且实际上对大多数人来说都不太直观（我愿意打赌它不会像你想象的那样工作）。相反，我建议修正position:fixed和position:absolute相互作用导致重叠的方式。我建议不要对像这样简单的东西使用z-index，因为z-index可能会在以后引起问题，实际上对大多数人来说都不太直观（我愿意打赌它不会像你想象的那样工作）。相反，我建议修正position:fixed和position:absolute相互作用导致重叠的方式。