顶部导航不会隐藏在模态叠加后面

Question

如果你看看http://wearewebstars.dk/frontend/Borneunivers/boerneunivers.html，然后尝试点击第一个框“Se video” - 然后就会打开一个模态窗口，但我的顶部导航仍然位于模态叠加的顶部，它不应该...... z指数较低，但是，它仍然排在首位......任何想法？似乎无法绕过它:(

Answer 1

你有这个CSS

.main-nav {
  position: relative;
  z-index: 100000;
}

.modal-backdrop {
  background-color: #000000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1040;
}

.main-nav的{​​{1}}值大于z-index，因此其子项（显示为菜单项）不会与背景重叠。

我尝试从.modal-backdrop删除z-index，但它确实有效。

Answer 2

尝试

.container-12 { z-index:0 }

当z-index不能直接使用时，它通常是需要修复的父级。