如何在打开模态时选择阻止的内容？

Question

我希望在使用bootstrap打开模态时，我的页面的一部分不会被阻止。

基本上我在页面顶部有一个主菜单栏（就像SO上的黑条一样），有时当我在页面上打开一个模态时，我想让菜单栏保持活动而不是阻止它为模态。

有办法做到这一点吗？

Answer 1

您需要确保菜单的Z-index大于模态。您可以在纯CSS中执行此操作。

Bootstraps default modal Z-index is 1040, so increasing the headers z-index to 1041 would suffice.

.menu { 
 z-index: 1041;
 position: relative;
}