当存在活动模态时，使uibootstrap导航栏可用

Question

当屏幕上有活动模式时，是否有解决方法使uibootstrap导航栏可用？

这是bootstrap 3中典型的navbar + modal：

如您所见，当模态存在时，菜单不可用。

这就是我想要的：

我可以修改模态的上边距（从30px到70px）和导航栏z-index，使其位于背景的顶部，但是......

这是否有官方解决方案？如何使下拉菜单可用？因为修改z-index并没有解决它。

Answer 1

您必须修改模态背景的顶部位置（类名称为.modal-backdrop），而不是模态本身。它是身体标签的直接孩子（在大多数情况下）。模态背景实际上涵盖了页面的其余部分。

.modal-backdrop.show {
   top: 70px; // however much space you need for header
}

而且，是的，这是做到这一点的方法。 Angular UI Bootstrap还允许您定义自定义窗口模板，您可以在其中疯狂并根据需要进行任意数量的更改。