Перехід між фоновими зображеннями, заявленими в тег HTML CSS - jquery, css

Я можу змінити своє фонове зображення за допомогою:

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

Як я можу зникнути і зникнути в переході між двома зображеннями. Якщо я можу цього уникнути, я не хочу використовувати для цього div всередині Body.

щось подібне, здається, не працює:

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

Встановлення непрозорості тегу html також каскадує, навіть коли я зміню індекс z html на 1 і body на 2.

Моя фонова декларація в css виглядає так:

 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;

}

Відповіді:

Ви не можете застосувати фон до html,але до div з абсолютною позицією зі 100% шириною та висотою з від’ємним z-індексом. Тоді ви зможете робити будь-які речі для цього div, не впливаючи ні на що інше. Тоді ви навіть можете використовувати для цього такий плагін, як цикл jquery. http://jquery.malsup.com/cycle/