Html 引导下拉式导航覆盖/覆盖下面的内容

这可能很难正确回答/解释，但：

为学校项目建立小型网站。使用引导。当屏幕低于780px时，导航栏会变成移动设计，单击按钮图标时会显示下拉菜单

问题是，菜单是为了在其打开时将其下的内容向下推，但它只是在某个页面上浏览我的内容/在主页上的幻灯片下，当内容位于其上时，它是不可浏览的

我试着把所有相关的代码都包括进去，但这是一个完全混乱的局面。由于所有的HTML/CSS、引导和jquery链接，很难在jFIDLE中发布

有人能看出什么是错误的吗

以下是问题的屏幕截图：

HTML:

---

这是因为您已经覆盖了

导航栏默认值

类，并添加了

背景色：透明

。只要对它进行评论，你就可以在最上面找到它

.navbar-default {
  /*background-color: transparent;*/
  border: 0px;
  z-index:100000;//Add this property
}

---

在CSS文件中，您应该删除

height:53px和它将工作

.bottomHeader {
  border: 0px solid black;
  background-color: transparent;
  height: 53px;
}

换成这个：

.bottomHeader {
  border: 0px solid black;
  background-color: transparent;
}

我试过了，但似乎不起作用@Vahid这里是一个更相关的屏幕截图，我认为菜单隐藏在幻灯片后面，在其他页面上，它也会在纯文本/div区域上这样做。我的意思是你应该删除这行：height:53px。它起作用了。请参阅：在CSS部分中，如果取消注释//*高度：53px；*//不会工作。这真的很奇怪，我看到它在这里工作，但是当我从我的代码中删除代码时，它并没有修复它。。但是我看了演示，效果很好。。然后我去掉了所有其他代码，看看是否有其他代码覆盖了它，但它仍然不起作用@Vahid@joshuaaron，您正在使用引导CDN吗？检查这里：在我的本地系统和JSFIDLE系统中运行良好。你能把所有的html文件和CSS文件都放进去吗？我试过了，但没有解决问题。这是另一个屏幕截图，它隐藏在幻灯片后面，在一些页面上，如果像第一个屏幕截图那样有一段文字，它就会显示出来@GuruprasadRao@joshuaaron更新答案！！添加
z-index
属性！！这是一个很好的临时修复程序，它不会像应该的那样向下推它下面的内容，但是现在可以访问，所以感谢您的支持！！如果有帮助，请将其标记为答案！！快乐编码…）
.bottomHeader {
  border: 0px solid black;
  background-color: transparent;
  height: 53px;
}

.bottomHeader {
  border: 0px solid black;
  background-color: transparent;
}