CSS 3D旋转，在不同的浏览器中拨弄

Question

我有一个相当大的小提琴。 http://jsfiddle.net/pz5VJ/3/

它具有调用窗口大小调整不同的东西时调用的函数。在所有浏览器中都能正常工作。

function dim() 

它还具有旋转横幅的功能。

function dauerrotieren() 

您可以设置横幅的数量，它会把它们放到下一个地方。我有6个可能的图像，因此您可以将var anzahl_an_bannern设置为1到6之间的数值。

Opera和Chrome中的整体工作正常。在IE中它不起作用。我认为CSS存在问题。

Firefox：基本上可以工作，但是旋转回0degree（第42行）是在一个移动而不是在0ms。我希望它意味着连续轮换，而不是4x90和-360。

我不能让它只是增加90度到无穷大，因为如果你最小化浏览器并在一段时间后重新使用它，它会尽快完成所有错过的旋转以恢复到当前的程度（3780或当时的任何地方）。

对不起，这篇冗长的文章。如果代码中包含太多令人困惑的德语评论，我可以清理它，以便更好的阅读，或将其替换为英文。虽然很快就预约了，所以明天我就得这么做了。

Answer 1

在IE中，preserve-3D不起作用，所以你会得到平坦的表面而不是3D效果。 以下是MSDN的原始文本：

“注意W3C规范为此属性定义了一个关键字值preserve-3d，这表示不执行展平操作。此时，Internet Explorer 10不支持preserve- 3d关键字除了子元素的正常变换之外，还可以通过手动将父元素的变换应用于每个子元素来解决此问题。“

Ref：http://msdn.microsoft.com/en-us/library/ie/hh673529%28v=vs.85%29.aspx