1

Есть стандартное модальное окно Bootstrap, нужно оставить возможность блокировки контента(data-backdrop="true") но убрать затенение с фона при сохранении возможности закрытия модалки кликом по фону.

2
  • 2
    изменение цвета фона .modal-backdrop не подходит?
    – teran
    21 мар 2017 в 17:14
  • При изменении цвета на белый, на контент все равно накладывается белый полупрозрачным фон(если поставить background-color: none это работает как стандартное затенение). Я думал нужно играться с opacity какого то поля и ваша подсказка пришлась кстати.
    – Maryen
    22 мар 2017 в 12:19

2 ответа 2

3

В background-color значения none не существует, поэтому когда вы его задаете, браузер его пропускает и возвращается к предыдущему заданному значению. Возможные значения:

background-color: <цвет> | transparent | inherit

Поэтому задайте фону значение прозрачность:

 .modal-backdrop {
   background-color: transparent;
 }
0

За изменение прозрачности отвечает opacity, единственное, изначально не мог найти какой именно елемент отвечает конкретно за фон и его прозрачность(думал .fade-in, но он вызывает сам эффект), следуя подсказке в комментарии:

изменение цвета фона .modal-backdrop не подходит?

оказалось, что решение проблемы - добавления в сss:

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

Или внести изменения в файлы бутстрапа.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.