Как удалить загрузочный модальный оверлей для определенного модального. когда модальный появляется фон имеет черный цвет с некоторой непрозрачности есть ли возможность для удаления элементов, которые ...Как удалить загрузочный модальный оверлей?
Фоновый отапливают следующий класс: .modal-backdrop с дополнительным .in класса для непрозрачности.
значения по умолчанию (редактировать при необходимости):
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
, которые применяются для всех модальных .. Как я могу использовать для конкретных модальных .. – Manigandaprabhu
@Manigandaprabhu: '# модальный-идентификатор .modal-фон { ... }' –
в данном примере, изменить 'непрозрачность:. 5; 'to opacity: .0;' –
Я был в состоянии использовать следующий фрагмент кода, чтобы скрыть модель наложения, просто повторно скрывая модальность, когда shown.bs.modal событие.
<script type="text/javascript">
$('#modal-id').on('shown.bs.modal', function() {
$(".modal-backdrop.in").hide();
})
</script>
Добавить data-backdrop="false" вариант как атрибут к кнопке, которая открывает модальное.
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" data-backdrop="false">
Launch demo modal
</button>
Вы также можете установить
.modal-backdrop {
background-color: transparent;
}
в вашем CSS и начальной загрузки нажмите вне функция будет по-прежнему работать.
удален по каким критериям? Можете ли вы показать код? – snowYetis