Question

我正试图获得一个渐弱的背景图像幻灯片，但我似乎无法找到一种方法来使背景图像交叉淡入彼此。相反，我得到一个白色的屏幕，然后是下一个图像。我试过了.animate，.fadeOut ......没有一个有用。

以下是我所拥有的JSFiddle。

我想我可以做一些事情，将下一张图片作为第一张背后的背景图片加载，并以某种方式神奇淡出第一张图片，

background:url(images/pattern.png) repeat, url(FIRST IMAGE) no-repeat center center fixed,url(SECOND IMAGE) no-repeat center center fixed";

然后是神奇的淡化代码......

Answer 1

似乎fadeIn和fadeOut函数无法处理html或body标记，因此我制作了一个包裹div标记（其中可以进入体内）现在工作正常。