我想根据this帖子的想法，使用CSS3 3D动画制作动画信息栏。
我能够重新创建适用于Chrome，Firefox和Opera但不适用于IE的相同行为：jsFiddle
现在我想知道如果有任何方法可以修复此动画在IE中工作 - 至少在IE 11中？
（原始样本在IE中也不起作用。）
这种3D效果的主要技巧是你必须创建两个元素 - 在这种情况下是两个span元素 - 它们彼此垂直，然后在一些“事件”上（在悬停或在某些变化上）你将这些元素的包装旋转90度：
#info.change #msgWrapper {
-webkit-transform: translate3d(0px, 0px, -30px) rotateX(90deg);
-moz-transform: translate3d(0px, 0px, -30px) rotateX(90deg);
-ms-transform: translate3d(0px, 0px, -30px) rotateX(90deg);
transform: translate3d(0px, 0px, -30px) rotateX(90deg);
}
在IE中看起来这个旋转有效但初始布局错误。 不幸的是，它很难调试，因为我在开发人员工具栏中看到的唯一的东西就是转换矩阵 - 看起来正确......
如何修复这些东西在IE中工作？