Html 为什么我的带有javascript的项目会出现在导航的前面

我的导航一直在跟踪我所有包含javascript的项目。 我已经尝试更改这两个项目的z索引，但我不确定如何修复它

查看此网站并向下滚动。。。如果您使用图片幻灯片向上滚动一点，也会发生这种情况。两者都包含Javascript

var slideIndex=0；
放映幻灯片（）；
函数showSlides（）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
对于（i=0；i幻灯片长度）{
slideIndex=1
}
对于（i=0；i

☰

您只需在

#navbar

中添加一个

z-index

，它就会出现在您的内容前面

例如：

#navbar {
  z-index: 999 //or any value bigger than 0
}

---

发生这种情况是因为z索引值。只需将#navbar内联css替换为以下css即可正常工作

#导航栏{
z索引：9999；/*相应地更改此值*/
}

解决方案肯定是

z-index

，因为其他两个人已经给出了答案

我想说的是，在使用

z-index

时，你必须确保你想要的元素位于顶部，因为只有你才能提供

z-index

而不仅仅是像999这样的随机数<代码>z索引像图层一样工作

在您的问题中，z-index:2也可以解决问题

#navbar {
    z-index: 2;
}

---

嘿，莱克斯。请包含所有必要的代码，以便在问题本身中重现您的问题，而不仅仅是外部资源。StackOverflow致力于为未来读者创建一个有用的答案库，可以下载、删除等的外部资源可能会使这个问题对未来读者毫无用处。旁注，但我访问了提供的链接，没有看到任何问题。有没有办法添加图片来显示我的问题？嗨，LexLex，欢迎来到SO！是的，您可以在问题中添加图像。我刚刚用Safari的开发者工具测试了你的网站。我看到了你的

#navbar

的问题，如其他答案所述，添加了

z-index:1（是的，1就足够了）确实可以解决您的问题。但是，请注意您的
height
属性，因为它在屏幕大小测试中会给导航栏（和其他元素）带来一种奇怪的行为。除此之外，在添加z索引时，您可能还会遇到另一个问题，那就是
.sidenav
。您还应该相应地增加
.sidenav
的z索引（2）。旁注，您有2个未找到的资源（404）；JS中的
openNav（）
和
closeNav（）
函数发现空引用，抛出错误。@LexLex抱歉。只需更新内联css。我已经更新了答案。如果它解决了问题，一定要接受答案P