Jquery HTML CSS标记中声明的背景图像之间的转换

Jquery HTML CSS标记中声明的背景图像之间的转换,jquery,css,Jquery,Css,我可以通过以下方式更改背景图像: $('html').css({background : 'url(http://www.cyberth.com/images/background_aporia.jpg)'}); 如何在两幅图像之间进行淡出和淡入过渡。如果我能避免的话,我不想用div的体内来做这个 这样的事情似乎不起作用: $('html').not('body').fadeOut("slow"); 即使我将html的z索引更改为1,将body更改为2,在html标记上设置不透明度也会降

我可以通过以下方式更改背景图像:

 $('html').css({background : 'url(http://www.cyberth.com/images/background_aporia.jpg)'});
如何在两幅图像之间进行淡出和淡入过渡。如果我能避免的话,我不想用div的体内来做这个

这样的事情似乎不起作用:

 $('html').not('body').fadeOut("slow");
即使我将html的z索引更改为1,将body更改为2,在html标记上设置不透明度也会降低

我在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,而是应用于位置绝对值为100%宽度和高度且z索引为负的div。那么你应该能够在不影响其他任何事情的情况下对该div执行任何类型的操作。然后,您甚至可以使用jquery cycle之类的插件来实现这一点

不透明性是
自动继承的
到子对象,并且会影响所有子对象,因为您的
主体
html
的子对象,它将
继承
它的不透明性,并且您不能做任何更改:)除非您使用精灵背景图像(具有一定不透明范围的png):)然后设置
背景位置的动画,如果可以的话:)我可以使用任何jquery动画来实现我想要的吗?