进入本站,点击右上角的“登录”,会弹出一个twitter-bootstrap模态窗口,但显示为灰色。
为什么会这样?
这是因为.navbar-fixed-top
模态背景的 z-index 为 1030,而模态背景的 z-index 为 1040,导致模态覆盖导航栏。
要解决此问题,只需将.modal-backdrop
z-index 值调整为低于 1030 - 例如
.modal-backdrop {
z-index: 1020;
}
您还可以使用:
.modal-backdrop.in { z-index: auto;}
首先,将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>
干杯..
我必须添加 !important 才能使其正常工作。
.modal-backdrop {
z-index: 1020!important;
}