Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » При вызове модального окна фон размытый

При вызове модального окна фон размытый


     09.10.2014    Шаблоны (TPL), Стили (CSS), jQuery    6196

вопрос
Привет всем. Подскажите как можно сделать чтоб при вызове модального окна, фон сайта становился не просто затемненным, а еще и размытым.
Сейчас фон просто затемняется без размытия.


Спасибо.

Ответил: ПафНутиЙ


Вот тут написано хорошо про css-filters
и про размытие есть отдельный пример

10 комментариев

249893
Юзер

249893 - 9 октября 2014 23:42 -

желательно на css

FastFud
Юзер

FastFud - 10 октября 2014 01:42 -

добавить после <body>
<div class="blur-bg">
и перед </body> поставить
</div>
потом в css
.blur-bg {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}

FastFud
Юзер

FastFud - 10 октября 2014 02:00 -

Открыть /engine/classes/js/jqueryui.js и найти :
var n = this.oldInstances.pop() || e("<div>").addClass("ui-widget-overlay");
добавить ниже
$('.blur-bg').addClass("blur-bg2");
потом ниже находите
e.ui.dialog.overlay.destroy(this.$el)
и после добавить
$('.blur-bg').removeClass('blur-bg2');


добавить после <body>
<div class="blur-bg">
и перед </body> поставить
</div>
css
.blur-bg2 {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}

249893
Юзер

249893 - 10 октября 2014 11:46 -

Вы сами пробовали это сделать? Я сделал как Вы сказали и что то не работает(

249893
Юзер

249893 - 10 октября 2014 11:57 -

точнее в мозиле не работает, в хроме все нормально

249893
Юзер

249893 - 10 октября 2014 12:13 -

FastFud,
в хроме, яндексе, опере работает, а в мозиле и ie 11 не работает

есть решение проблемы?

FastFud
Юзер

FastFud - 10 октября 2014 12:21 -

Сделать это можно с помощью изображений (в фотошопе делайте и потом поставите как background вместо фильтров).
есть решение проблемы?

Ищите в интернете почему не работает в мозиле и IE.
Вы сами пробовали это сделать? Я сделал как Вы сказали и что то не работает(
Да я проверил но только в Chrome в других не смотрел.

249893
Юзер

249893 - 10 октября 2014 12:22 -

FastFud,
в фотошопе пробовал делать, не выходит

FastFud
Юзер

FastFud - 10 октября 2014 12:28 -


249893
Юзер

249893 - 10 октября 2014 12:46 -

этот пример работает в мозиле, а не сможете подсказать как его подключить правильно, а то я попробовал сделать, а при вызове окна у меня весь фон пропадает

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх