В Bootstrap 4, по умолчанию, модальные окна затемняют фон и делают его неактивным, чтобы пользователь мог сосредоточиться только на содержимом модального окна. Такое поведение обычно называется "затемнением фона" или "затемнением".
Однако, если вы хотите отключить эту функцию и сделать фон активным во время отображения модального окна, можно воспользоваться следующими способами.
- Изменить класс модального окна:
- Откройте HTML-код модального окна и найдите его корневой элемент, обычно
<div>с классом "modal". - Удалите класс "modal" или замените его на свой класс.
- Это позволит модальному окну не применять стили, связанные с затемнением фона.
- Использовать пользовательские стили:
- Добавьте или измените стили CSS модального окна.
- Например, можно применить свойство "background" с нужным значением (например, прозрачностью) к модальному окну или его фоновому элементу (например,
<div class="modal-dialog">). - Это позволит вам управлять отображением фона модального окна и сделать его активным.
- Использовать JavaScript:
- Добавьте JavaScript-код для модального окна, который будет менять стили фона.
- Например, вы можете применить свойство "background" к фоновому элементу модального окна, чтобы изменить его цвет или прозрачность.
- Это позволит программно контролировать отображение фона модального окна.
Примечание: Перед тем, как менять поведение модальных окон в Bootstrap 4, убедитесь, что это соответствует общему дизайну и пользовательскому опыту вашего проекта. Отключение затемнения фона может ухудшить визуальную ясность и отвлечь внимание пользователя от модального окна.