Transición entre imágenes de fondo declaradas en HTML etiqueta CSS

Puedo cambiar mi imagen de fondo con:

 $('html').css({background : 'url(http://www.cyberth.com/images/background_aporia.jpg)'});

¿Cómo puedo tener un desvanecimiento y un desvanecimiento en la transición entre las dos imágenes? Si puedo evitarlo, no quiero usar div's inside Body para esto.

algo como esto no parece funcionar:

 $('html').not('body').fadeOut("slow");

Establecer la opacidad en la etiqueta html también desciende en cascada incluso cuando cambio el índice z de html a 1 y el cuerpo a 2.

Mi declaración de fondo en css se ve así:

 html { 
     background: url(http://www.cyberth.com/images/background_odonata.jpg) 
     no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

preguntado el 08 de noviembre de 11 a las 11:11

la opacidad es inherited a los niños automáticamente, y afectará a todos los niños, ya que su body es hijo de html va a inherit es opacidad y nada que puedas hacer puede cambiar eso :) a menos que uses una imagen de fondo de sprite (png con un rango de opacidad) :) luego anima el backgroun-position Si tu pudieras :) -

¿Puedo usar animaciones de jquery para lograr lo que busco? -

1 Respuestas

No podría aplicar el fondo al html, sino a un div con posición absoluta con 100% de ancho y alto con índice z negativo. Entonces deberías poder hacer cualquier tipo de cosas con ese div sin afectar nada más. Luego, incluso podría usar un complemento como jquery cycle para eso. http://jquery.malsup.com/cycle/

respondido 08 nov., 11:15

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.