只在Safari 5.1中破解的简单CSS转换

Question

这个非常简单的代码将WebKitTransform rotate（）应用于转换中的某些元素。

http://jsfiddle.net/uRWsp/3/

适用于Chrome，Firefox，Opera，IE9，Safari 5.0和Safari 6.0

然而，在Safari 5.1和Safari 5.1中，它只是破碎了。它只会转换第一张卡片。

使用JavaScript代替CSS对转换/动画造成同样的问题：http://jsfiddle.net/rGdjz/12/

Answer 1

所以我在这里找到了一个解决方案：Safari: Absolutely positioned DIVs not moving when updated via DOM

基本上如果我在setTimeout中设置变换旋转，那么它可以工作。现在，这只修复了JavaScript版本：http://jsfiddle.net/rGdjz/13/

另一个主题提到如果我将顶部和左侧设置作为翻译操作（而不是设置左/顶部），那么将在CSS版本中修复它。我没有调查这是否属实。

与此同时，我发现了另外5个具有相同问题的Stack Overflow问题。