Html 如何在div后面隐藏文本？

所以我试着在一个固定的位置制作一个顶部菜单栏

问题是，当滚动时，所有的图像、div以及滚动时div后面的所有内容看起来都正常，但另一方面，文本仍然在菜单前面

我已经确保文本在div-in代码之前加载，但它在前面是这样的：

代码非常混乱，因为我对所有这些都很陌生，但我将尝试展示代码的重要部分

HTML:

---

这个问题是由于CSS中的“z-index”属性造成的。顶部栏菜单z索引应大于文本

例如：

.topBar {
    position: fixed;
    z-index: 999
}


.text {
    position: relative;
    z-index: 998;
}

---

为什么

.logotext

需要998的

z索引

无论如何，您所需要的只是在标题中添加一个更高的
z-index
值。
听起来好像有什么东西可以修复。除此之外：欢迎来到SO！请检查，以便进一步改进您的问题。：）我猜你的徽标是固定的，而不是绝对的
    .logotext
{
   color: rgb(255, 255, 255);
   position: absolute;
   top: 50%;
   left: 41%;
   width: 100vw;
   height: auto;
   z-index: 998;
   font-size: 83px;
   font-family: "Satisfy", cursive;
   text-shadow: 10px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.topwood
{
   width: 100%;
   height: 4.2vw;
   top: 0vw;
   left: 0vw;
   position: fixed;
   background-color: rgb(236, 236, 236);
   box-shadow: 0 0 3px;
}

.topBar {
    position: fixed;
    z-index: 999
}


.text {
    position: relative;
    z-index: 998;
}