Как применить фильтр CSS к фоновому изображению ⇐ CSS

Разбираемся в CSS
Anonymous
Как применить фильтр CSS к фоновому изображению

Сообщение Anonymous »

У меня есть файл JPEG, который я использую в качестве фонового изображения для страницы поиска, и для его установки я использую CSS, поскольку работаю в контексте Backbone.js:

Код: Выделить всё

background-image: url("whatever.jpg");
Я хочу применить фильтр размытия CSS 3 только к фону, но не знаю, как стилизовать только этот элемент. Если я попробую:

Код: Выделить всё

-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
прямо под фоновым изображением в моем CSS он стилизирует всю страницу, а не только фон. Есть ли способ выбрать только изображение и применить к нему фильтр? Альтернативно, есть ли способ просто отключить размытие для всех остальных элементов на странице?

Подробнее здесь: https://stackoverflow.com/questions/200 ... ound-image

Вернуться в «CSS»