bootstrap css - как сделать модальный диалог модальным, не затрагивая фон

Question

В начальной загрузке css можно отобразить модальное диалоговое окно, но я хочу иметь возможность сделать его модальным, чтобы пользовательский интерфейс не реагировал без отображения темного черного фона.

Кажется, что нет никаких опций, позволяющих мне сделать это с функцией $ ("# selector"). Modal ().

Answer 1

добавьте data-backdrop="false" к <div class="modal">, а Bootstrap сделает все остальное.

Пример:

<div class="modal" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">

Answer 2

Чтобы избавиться от фона:

После модальной инициации

$('#XXX').modal({show:true});

просто активируйте код ниже

 $('.modal-backdrop').removeClass("modal-backdrop");    

Answer 3

Правильный способ - передать параметр backdrop: false при создании модального

$('#modal').modal({
  backdrop: false
})

Answer 4

Я предпочитаю просто скрыть задний план, чтобы у вас все еще была возможность щелкнуть по модалу, чтобы скрыть его.

.modal-backdrop { opacity: 0 !important; }

Answer 5

если я прав, вы должны сделать это, позвонив по номеру:

$("#selector").modal({
    backdrop: "static"
});

, затем просто измените CSS для класса фона, и все готово.

Answer 6

Конечно, все, что вам нужно сделать, это настроить CSS, чтобы изменить непрозрачность черного фона. Он не должен быть видимым, чтобы блокировать клики для базовых элементов (разве есть какая-то защита от кликбека, о которой я не знаю?). Целевой класс - div.modal-background.