Каким образом мода Bootstrap изменяет непрозрачность страницы?

Question

При открытии модального Bootstrap (например the GetBootstrap modal sample), остальная часть страницы тонко утрачен, чтобы привлечь внимание к модальному:

Как Bootstrap совершающему это? Кажется, что класс .modal-open добавлен в тело, но это только устанавливает overflow: hidden. Что еще добавляет/меняет Bootstrap, чтобы вызвать этот эффект? Является ли определение модальности внутри страницы важным?

(Это окольный способ спросить, почему мое модальное не выведения фона, когда он открыт. Код слишком сложен для размещения, и, вероятно, есть ошибка в моей разметке или CSS. Если бы я знал как Bootstrap выполнял непрозрачный фон, я могу отлаживать, почему он не работает для меня.)

Answer 1

Bootstrap Добавить div и добавить к нему несколько классов. У этого есть черный фон с. Непрозрачностью .5. И добавьте стиль, чтобы установить высоту в качестве экрана просмотра/браузера.

<div class="modal-backdrop fade in" style="height: 984px;"></div> 

Если модальный не гаснуть, проверьте, если вы используете:

display:block!important /* notice !important */ 

Answer 2

При появлении модального, он добавляет Div контейнер с классом modal-backdrop fade in перед modal-dialog контейнера.