Как размыть фон при открытии модального окна bootstrap?

Question

[Vlad Osadchyi]

Как я понял за фон модалки отвечает класс modal-backdrop, думал можно сделать так

.modal-backdrop
{
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

, но это не работает. Как мне заблюрить фон?

Answer 1

[Greg Popov]

https://bootsnipp.com/snippets/a6Kz3

Comments

[Vlad Osadchyi]

я видел это решение и оно мне не подходит, я не могу поместить контент страницы в отдльный от модалок div

[Vlad Osadchyi]

Максим Зайцев,

.modal-open *:not(.modal)
{
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

так блюриться все включая модалку.

[Vlad Osadchyi]

Максим Зайцев, правда, блюрятся другие дивы внутри modal, там у меня и таблицы и .row и .col ...

[Сергей delphinpro]

Vlad Osadchy,

я не могу поместить контент страницы в отдльный от модалок div

Хреново... Это единственное нормальное решение.
Даже если вы переберете все необходимые селекторы для размытия, это будет "слегка" напрягать браузер.