css - CSS3 不透明动画不再适用于 Firefox？

Question

我在这里用 CSS3 淡化了我的背景：http ://www.cphrecmedia.dk/musikdk/stage/artistchannel.php

它工作正常，但不是在 Firefox（最新测试版）中。

有趣的是，我的小脉冲动画效果很好： http ://www.cphrecmedia.dk/musikdk/stage/chat.php

所以看起来它的不透明动画不起作用。

这是我的代码：

             .fadeIn{
                animation: fadein 1s;
                -moz-animation: fadein 1s; /* Firefox */
                -webkit-animation: fadein 1s; /* Safari and Chrome */
            }

            @keyframes fadein {
                from {
                    opacity:0;
                }
                to {
                    opacity:1;
                }
            }
            @-moz-keyframes fadein { /* Firefox */
                from {
                    opacity:0;
                }
                to {
                    opacity:1;
                }
            }
            @-webkit-keyframes fadein { /* Safari and Chrome */
                from {
                    opacity:0;
                }
                to {
                    opacity:1;
                }
            }

有谁知道怎么回事？