Модальное окно Bootstrap выделено серым цветом

Перейдите на этот сайт, нажмите "Войти" в верхнем правом углу, и появится модное окно twitter-bootstrap, но будет выделено серым цветом.

Почему это происходит?

Ответ 1

Это потому, что .navbar-fixed-top имеет z-индекс 1030, в то время как модальный фон имеет индекс z 1040, заставляя модальное наложение навигационной панели.

Чтобы исправить это, просто измените значение .modal-backdrop z-index ниже 1030 - например.

.modal-backdrop {
    z-index: 1020;
}

Ответ 2

Вы также можете использовать:

 .modal-backdrop.in { z-index: auto;}

Ответ 3

Прежде всего добавьте 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>

Приветствия..

Ответ 4

Мне пришлось добавить! важно, чтобы он работал.

.modal-backdrop {
    z-index: 1020!important;
}