oscurecer imagen de fondo con css

[classmorri]

hola! tengo una imagen background la cual me gustaría oscurecer o si es posible aplicar algún tipo de filtro usando CSS.

Código PHP:

      body {
    background: url(wall/dragon_universe01.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 
   

[martinmiranda90]

Hola!. Echale un ojo a este enlace. Esta en inglés, pero creo que se entiende fácil. Ten en cuenta que no todos los navegadores lo soportan ( o eso creo): [URL]http://css-tricks.com/almanac/properties/f/filter/[/URL]
Un saludo!

[pzin]

Lo más lógico sería usar un programa de edición de imágenes, ¿no?

Lo que comenta martinmiranda90 no te va a valer, ya que los filtro de WebKit (porque son de WebKit, no de W3C) afectan a todo el elemento incluyendo sus descendientes. Y siendo body el elemento que quieres afectar, pues ya me dirás.

Tal vez puedes hacerlo con fondos múltiples, o aplicando algún pseudo-elemento con fondo negro y opacidad.

[martinmiranda90]

Pzin tiene toda la razón, no me habia fijado que el selector era body. La verdad es que acabarias mucho antes modificando la imagen con algún programa. Saludos.

[Sarlit]

Para hacer lo que dices tienes que poner un div entre el body y tu contenido que ocupe toda la pantalla a color negro y con opacidad, Pero salvo que la imagen vaya a cambiar muy a menudo o no tengas permiso para editarla y eso te importe, lo mejor sin duda es editar la imagen como bien te han dicho antes