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

У меня есть файл 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);

только подbackground-image в моем CSS это стиль всей страницы, а не только фона. Есть ли способ выбрать только изображение и применить к нему фильтр? В качестве альтернативы, есть ли способ просто отключить размытие для каждого другого элемента на странице?

Ответы на вопрос(14)

Ваш ответ на вопрос