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

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


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

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


Спасибо.

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


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

Комментарии пользователей (10)

249893
5

174 | 73

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

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

FastFud
50

1599 | 588

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
50

1599 | 588

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
5

174 | 73

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

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

249893
5

174 | 73

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

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

249893
5

174 | 73

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

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

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

FastFud
50

1599 | 588

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

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

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

249893
5

174 | 73

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

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

FastFud
50

1599 | 588

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


249893
5

174 | 73

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

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

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

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