firefox中CSS不起作用的交叉淡入背景图像

firefox中CSS不起作用的交叉淡入背景图像,css,firefox,background,jquery-animate,transition,Css,Firefox,Background,Jquery Animate,Transition,我知道这件事以前提过,但从未解决过 有人知道你是否可以在firefox中交叉淡入背景图像吗?我知道你可以在chrome和explorer中制作背景图像动画,但在FF中似乎还不起作用。它可以使用颜色,但不能使用图像。我没有使用jQuery 这是我的网站: 这是我的密码,请帮忙!: body{ background-size: cover; -moz-background-size: cover; -o-background-size: cover;} animation:myfirst 5s i

我知道这件事以前提过,但从未解决过

有人知道你是否可以在firefox中交叉淡入背景图像吗?我知道你可以在chrome和explorer中制作背景图像动画,但在FF中似乎还不起作用。它可以使用颜色,但不能使用图像。我没有使用jQuery

这是我的网站:

这是我的密码,请帮忙!:

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')}
}

使用边框属性。图像加载时间太长,所以请使用边框 看到这个了吗

jsfiddle.net/EucZM/

我想也许你回答错了问题?我的问题与边界无关。我知道你要的是背景图像。它在ff中不起作用。所以我建议你试试border。好的,谢谢Pawan。Borders在这种情况下对我不起作用,但无论如何还是要感谢你。我已经想出了一个临时解决方案,但这不是我希望达到的。如果有一个解决我最初问题的办法,我还是很高兴的。谢谢。你找到解决办法了吗?