CSS3转换（挂钩到JS类更改）不能在FF中工作

Question

我有一个CSS3转换设置为触发h1元素，只要某些JavaScript更改包含元素的类名以包含“active”。为此，我有两个CSS声明：

#idname .classname h1 {
    opacity: 0;
    left: -1.25em;
    z-index: 3;
    position: relative;
}

其次是：

#idname .classname.active h1 {
    opacity: 1;
    left: 0; 
    -webkit-transition : all 4s ease;
    -moz-transition    : all 4s ease;
    -ms-transition     : all 4s ease;
    -o-transition      : all 4s ease;
    transition         : all 4s ease;
}

这在webkit浏览器中运行得非常好，但在Firefox中似乎失败了。我的怀疑是这与我基于类名更改的触发方式有关，尽管我可能是错的。 Firefox不允许你这样做吗？有没有人有一个好的解决方法？提前感谢您提供的任何帮助。

Answer 1

我的问题通过在向DOM添加内容之间稍加延迟，然后添加特定的类名来触发动画来解决。 20毫秒足以让我在Firefox中使用它。