引导程序固定导航栏下方的Apostrophe浮动小部件

Question

我在Apostrophe CMS中使用Bootstrap v3.3.7 。 我的导航栏是使用navbar-fixed-top样式的固定导航栏，其样式如下

.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。