Firefox中的CSS3关键帧动画不工作

我有以下css3规则

#sun, #sun div { 
    position:absolute;
    border-radius:1000px;
    -webkit-border-radius:1000px;
    -moz-border-radius:1000px;
    -ms-border-radius:1000px;
    -o-border-radius:1000px;
    animation:sunrise 3.2s ease 0 infinite alternate;
    -webkit-animation:sunrise 3.2s ease 0 infinite alternate;
    -moz-animation:sunrise 3.2s ease 0 infinite alternate;
    -ms-animation:sunrise 3.2s ease 0 infinite alternate;
    -o-animation:sunrise 3.2s ease 0 infinite alternate;
}

@-moz-keyframes sunrise {
   0%  {background:rgba(255,255,204,.23);}
  75% { background:rgba(255,255,204,0.5); } 
  100% { background:''; }
}

然而，Firefox的实现似乎不起作用。 背景色均以rgba格式设置 但是每个

#sun

div都有不同的颜色

---

有什么问题吗？

您发布的代码非常不完整，但是有很多地方不好

• 你应该总是写未固定的版本最后一次，而不是之前 带前缀的

• -ms-border-radius

  和

  -o-border-radius

  从未存在过！除非你 需要支持FF3.6，

  -moz边界半径

  是无用的<代码>-webkit边界半径现在也几乎没有用了-参见
• Firefox 16+（当前版本为19）支持非固定关键帧动画！看

• 0s

  ，而不是

  0

  ！加上延迟的默认值恰好是

  0s

  ，因此您可以忽略它，只需编写

  动画：日出3.2s无限交替（同样，您可以省略定时功能的初始值
  ease
  ）

• 背景：rgba（255255204,0）

  ，而不是

  背景：'

---

还有一个问题：为什么要使用如此大的

边界半径

？我的笔记本电脑屏幕比任何需要如此大的

边界半径的东西都要小得多。如果你只是想制作一张光盘，请给你的元素设置相等的
宽度
和
高度
，并设置
边框半径：50%
你发布的代码非常不完整，但有很多地方不合适


你应该总是写未固定的版本最后一次，而不是之前
带前缀的

-ms-border-radius
和
-o-border-radius
从未存在过！除非你
需要支持FF3.6，
-moz边界半径
是无用的<代码>-webkit边界半径
现在也几乎没有用了-参见
Firefox 16+（当前版本为19）支持非固定关键帧动画！看
0s
，而不是
0
！加上延迟的默认值恰好是
0s
，因此您可以忽略它，只需编写
动画：日出3.2s无限交替（同样，您可以省略定时功能的初始值
ease
）

背景：rgba（255255204,0）
，而不是
背景：'


还有一个问题：为什么要使用如此大的
边界半径
？我的笔记本电脑屏幕比任何需要如此大的
边界半径的东西都要小得多。如果您只是想制作一张光盘，请将元素的宽度和高度设置为相等，并将边界半径设置为50%
好的！我只是想为低级浏览器做一个全面的介绍。至于背景是‘’；每个div都有不同的背景色…因此它们都混合成一种颜色，但恢复为彼此不同的默认颜色，因此背景为：“好的，哥达卡！我只是想为低级浏览器做一个全面的介绍。至于背景是‘’；每个div都有不同的背景色…因此它们都混合为一种颜色，但恢复为彼此不同的默认颜色，因此背景为：“”