Затенение фона модального окна Bootstrap

564
23 марта 2017, 18:47

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

Answer 1

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

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

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

 .modal-backdrop {
   background-color: transparent;
 }
Answer 2

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

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

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

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

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

READ ALSO
Outlook Web Application: удалилась картинка-фон из кода html e-mail

Outlook Web Application: удалилась картинка-фон из кода html e-mail

Може где галочку снять/поставить, а? Пересылаю себе HTML-письмо - по дороге в OWA теряется линк на картинку-фон (линка не видать и в инспекторе)Mail

229
Несколько цветов для заполнения stroke по окружности

Несколько цветов для заполнения stroke по окружности

Я хочу создать радугу по окружности, как на рисунке ниже

270