Question

我可以用以下方式更改背景图片：

 $('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;

}

Answer 1

您无法将背景应用于html，而是应用于绝对位置为100％宽度和高度且负z-index的div。那么你应该能够在不影响其他任何事情的情况下对该div做任何事情。然后你甚至可以使用像jquery循环这样的插件。 http://jquery.malsup.com/cycle/

在HTML CSS标记中声明的背景图像之间的过渡

1 个答案: