转到this site,点击右上角的“登录”,会弹出一个twitter-bootstrap模式窗口,但会显示为灰色。
为什么会这样?
答案 0 :(得分:27)
这是因为.navbar-fixed-top
的z-index为1030,而模态背景的z-index为1040,导致模态覆盖导航栏。
要解决此问题,只需将.modal-backdrop
z-index值调整为低于1030 - 例如
.modal-backdrop {
z-index: 1020;
}
答案 1 :(得分:27)
您也可以使用:
.modal-backdrop.in { z-index: auto;}
答案 2 :(得分:19)
首先,将 data-backdrop =" false" 添加到您的模态div
然后将以下内容添加到您的样式中:
.modal { background: rgba(000, 000, 000, 0.8); min-height:1000000px; }
不要忘记将关闭按钮添加到您的模态...
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
干杯..
答案 3 :(得分:1)
我必须添加!重要的是让它工作。
.modal-backdrop {
z-index: 1020!important;
}