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

我有一个CSS3转换设置为在h1元素上触发，只要某些JavaScript将包含元素的类名称更改为包含“active”。要做到这一点，我有两个CSS声明：CSS3转换（挂钩到JS类更改）不工作在FF

#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不允许你这样做吗？有没有人有一个很好的解决方法？预先感谢您提供的任何帮助。

来源

2012-04-27 calexical

我刚刚尝试了以上，并且它似乎在Firefox中正常工作。你能发布一个完整的测试用例来显示你的问题吗？ – 2012-04-28 01:21:58

-1

我的问题已经解决，添加一些东西到DOM，然后添加一个特定的类名称触发动画之间添加一个小的延迟。 20ms足以让我在Firefox中工作。

来源

2012-08-26 02:23:58 cnanney

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

回答

相关问题