Javascript 案例研究图像与导航栏重叠，是否有解决方法？

我正在创建一个站点，但案例研究图像与导航栏重叠。我试着修好它，但我似乎想不出来。我原以为是导航栏的CSS，但导航栏除了这些图像之外，其他部分都重叠。 这是我的小提琴

案例研究
Lorem ipsum dolor sit amet，但Volupatibus的动物内容物。比如说，我不知道该怎么做，我知道该怎么做。这是我的错，我的错。Etiam solet lucilius每英寸。/p>
Lorem ipsum dolor sit amet，但Volupatibus的动物内容物。比如说，我不知道该怎么做，我知道该怎么做。这是我的错，我的错。Etiam solet lucilius每英寸

Lorem ipsum dolor sit amet，但Volupatibus的动物内容物。比如说，我不知道该怎么做，我知道该怎么做。这是我的错，我的错。Etiam solet lucilius每英寸

Lorem ipsum dolor sit amet，但Volupatibus的动物内容物。比如说，我不知道该怎么做，我知道该怎么做。这是我的错，我的错。Etiam solet lucilius每英寸

---

只要把z指数应用到你的头等舱上，我就在你的小提琴上试过了。它可以工作。

您使用了两次

标题

标记和相同的

z索引

，这就是重叠的原因：

header.head {
 z-index: 99;
}

---

这里是更新的小提琴：

我在您的示例中没有看到任何重叠。我可以将其应用于header或navbar类吗？对于header标记，有一个名为“head”的css类，将z-index应用于Itch将z-index更改为0不会改变它。也许我把0放错了类？我可以更新你的小提琴吗？为了让您能够清楚地理解我已经更新了您的小提琴，请查看css部分，在那里我添加了上面的css类。感谢我的帮助和更新的小提琴！因此，基本上给它分配一个不同的类名，并添加一个div，而不是使用header标记？@sgr0691，您可以添加该类名，只需使用div代替header.：）

.head{ 
  z-index:0;
 }

header.head {
 z-index: 99;
}