Javascript CSS3内联样式不起作用

经过多次实验后，由于我最初的实现不起作用，我产生了这个解决方案，它简单得多，但具有完全相同的结果：

element.style.cssText = "transition:height 2s ease-in-out;height:150px;";

结果是：在Chrome和Opera中工作，但是在Firefox和IE中都没有应用过渡，高度只是简单地扩展，没有很好的过渡效果。即使使用-moz这样的专用前缀，它也无法工作

这是一个已知的bug吗？在Firefox中缺乏实现是我今天见过的吗？还是我做错了什么

---

非常感谢您的帮助。

我无法在Firefox上重现此问题。应用了转换后，您能否提供一个不工作的完整示例？@user1360809-它适用于我尝试过的所有浏览器：Webkit、Firefox、， IE@user1360809-确保您有一个元素的预设高度值，因为如果没有预设值auto，转换属性将不适用。@user1360809-通过使其异步化，它应该可以工作：@user1360809-据我所知，在执行所有脚本行之前，浏览器不会修改DOM，这就是如果无限循环正在运行，页面将冻结的原因。因为DOM没有改变，CSS引擎没有意识到元素已经变得可见。请纠正我，如果我在不同的线程中应用了转换，从技术上讲，它不是一个新线程，但我不知道正确的术语新的可见性属性已经应用，CSS引擎现在将识别它。