Решено Размытый фон при ошибке

[nictic123]

Приветствую! А возможно ли сделать так, чтобы при появлении какого-нибудь popup окна, задний фон размывался?

 

[Skaiman]

Ну если у окна сделать фон картинкой и размыть ее фильтром. Как бы у них делается свой фон с цветом в rgba, поэтому затемняется, налаживается поверх содержимого, не трогая его.

 

[nictic123]

Ну если у окна сделать фон картинкой и размыть ее фильтром. Как бы у них делается свой фон с цветом в rgba, поэтому затемняется, налаживается поверх содержимого, не трогая его.

И как это можо сделать?

 

[mizaider]

На 1.5 делаю так

$(document).ready(function(){
    $(document).on("OverlayOpened", function() {
        $("#uix_wrapper").css("filter", "blur(5px)");
    });
    $(document).on("onClose", function() {
        $("#uix_wrapper").css("filter", "blur(0px)");
    });
});

uix_wrapper - это главный контейнер который нужно размывать.
OverlayOpened и onClose - события открытия и закрытия попапов.

Для 2.0 можно по аналогии запилить)

Skaiman, имена событий не менялись?

 

[Skaiman]

имена событий не менялись?

Поэтому и удалил ;)

 

[mizaider]

Для 2.0

$(document).ready(function(){
    $(document).on("overlay:showing", function() {
        $("#top").css("filter", "blur(5px)");
    });
    $(document).on("overlay:hidden", function() {
        $("#top").css("filter", "blur(0px)");
    });
});

Степень размытости можно указать поменяв 5px на своё.

 

[mizaider]

nictic123, Вот ты редиска, на форум себе поставил, а меня даже не лайкнул. Фу таким быть =D

 

[Skaiman]

Они такие, неблагодарные

 

[Hope]

Я за него лайкнул пацаны, всё нормально. :LOL:

 

[MPG]

OFFTOP

О господи снежинки!

 

[nictic123]

nictic123, Вот ты редиска, на форум себе поставил, а меня даже не лайкнул. Фу таким быть =D

Вообще-то я воспользовался методом SkyLoKi

 

[mizaider]

nictic123, запости его тут, шоб тоже был)

 

[nictic123]

nictic123, запости его тут, шоб тоже был)

.is-modalOpen .uix_pageWrapper--fixed{
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
}

За предоставленный метод спасибо SkyLoKi