在bootstrap固定导航栏下面的撇号浮动小部件

Question

我正在使用Bootstrap v3.3.7与Apostrophe CMS。我的导航栏是使用navbar-fixed-top样式的固定导航栏，其具有以下css

.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  top: 0;
  border-width: 0 0 1px;
}

如何让所有Apostrophe管理窗口小部件始终显示在我的固定导航栏上方？有没有办法可以全局增加z-index或者有些css覆盖？看起来像这样

这显然是丑陋和侵扰性的。

Answer 1

我将导航栏的z-index更改为z-index: 300;，因为apos-modal-blackout（用于表示模态配置窗口打开的黑暗屏幕）有z-index: 350;不过，我不知道这会对网站的其他部分产生任何负面影响。

还可以编写一个js脚本来监视apos-modal-blackout类，如果它存在，则将其导航栏的z-index更改为小于350。