これが以前に提起されたことは知っていますが、解決されたことはありません。
Firefox で背景画像をクロスフェードできるかどうか知っている人はいますか? クロムとエクスプローラーで背景画像のアニメーションを実行できることは知っていますが、FF ではまだ機能していないようです。画像ではなく色を使用して機能します。私はjQueryを使用していません
ここに私のウェブサイトがあります: http://www.moniquepompe.com
これが私のコードです、助けてください!:
body{
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;}
animation:myfirst 5s infinite;
-moz-animation: myfirst 5s infinite; /* Firefox */
-webkit-animation:myfirst 5s infinite; /* Safari and Chrome */
-o-animation:myfirst 5s infinite; /* Opera */;
-webkit-background-size: cover;}
@keyframes myfirst
{0% {background:url('http://moniquepompe.com/wp- content/uploads/2013/02/background_1.png')}
25% {background:url('http://moniquepompe.com/wp- content/uploads/2013/02/background_2.png')}
75% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_3.png')}
100% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_1.png')}
}
@-moz-keyframes myfirst /* Firefox */
{
0% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_1.png')}
25% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_2.png')}
75% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_3.png')}
100% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_1.png')}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0% {background:url('http://moniquepompe.com/wp- content/uploads/2013/02/background_1.png')}
25% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_2.png')}
75% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_3.png')}
100% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_1.png')}
}
@-o-keyframes myfirst /* Opera */
{
0% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_1.png')}
25% {background:url('http://moniquepompe.com/wp- content/uploads/2013/02/background_2.png')}
75% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_3.png')}
100% {background:url('http://moniquepompe.com/wp-content/uploads/2013/02/background_1.png')}
}