/ / HTML CSSタグで宣言された背景画像間の遷移-jquery、css

HTMLで宣言された背景画像間の遷移CSSタグ - jquery、css

背景画像を変更するには:

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

2つの画像間でフェードアウトとフェードインを切り替える方法を教えてください。私はそれを避けることができるなら、私はこれのためにBodyの中で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;

}

回答:

回答№1は1

背景をHTMLに適用できませんでした。ただし、絶対位置が100%の幅と高さで、Zインデックスが負のdivに。その後、他の何にも影響を与えることなく、そのdivに対してあらゆる種類の操作を行うことができるはずです。その後、jqueryサイクルのようなプラグインを使用することもできます。 http://jquery.malsup.com/cycle/