html - 引导程序固定导航栏下方的撇号浮动小部件

Question

我正在使用带有撇号 CMS 的Bootstrap v3.3.7 。我的导航栏是一个固定的导航栏，使用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。