30

进入本站,点击右上角的“登录”,会弹出一个twitter-bootstrap模态窗口,但显示为灰色。

为什么会这样?

4

4 回答 4

29

这是因为.navbar-fixed-top模态背景的 z-index 为 1030,而模态背景的 z-index 为 1040,导致模态覆盖导航栏。

要解决此问题,只需将.modal-backdropz-index 值调整为低于 1030 - 例如

.modal-backdrop {
    z-index: 1020;
}
于 2013-09-02T21:07:12.517 回答
28

您还可以使用:

 .modal-backdrop.in { z-index: auto;}
于 2015-05-14T16:59:12.380 回答
27

首先,将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">&times;</span></button>

干杯..

于 2015-02-01T00:15:47.467 回答
1

我必须添加 !important 才能使其正常工作。

.modal-backdrop {
    z-index: 1020!important;
}
于 2016-04-07T14:08:46.227 回答