Cómo aplicar un filtro de desenfoque CSS 3 a una imagen de fondo
Tengo un archivo JPEG que estoy usando como imagen de fondo para una página de búsqueda, y estoy usando CSS para configurarlo porque estoy trabajando dentroBackbone.js contextos:
background-image: url("whatever.jpg");
Quiero aplicar un filtro de desenfoque CSS 3solamente al fondo, pero no estoy seguro de cómo estilizar ese elemento. Si lo intento
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
justo debajobackground-image
en mi CSS, da estilo a toda la página, en lugar de solo al fondo. ¿Hay una manera de seleccionar solo la imagen y aplicar el filtro a eso? Alternativamente, ¿hay una manera de simplemente desactivar el desenfoque para todos los demás elementos de la página?