仅在Safari 5.1中被破坏的简单CSS转换

仅在Safari 5.1中被破坏的简单CSS转换,css,safari,transform,Css,Safari,Transform,这段非常简单的代码将WebKittTransform rotate()应用于转换中的某些元素 这适用于Chrome、Firefox、Opera、IE9、Safari 5.0和Safari 6.0 然而,在Safari 5.1中,只有在Safari 5.1中,它被破坏了。它只转换第一张牌 在转换/动画中使用JavaScript而不是CSS会导致相同的问题:因此我在这里找到了一个解决方案: 基本上,如果我在setTimeout中设置了transform rotate,那么它就可以工作了。现在,这只

这段非常简单的代码将WebKittTransform rotate()应用于转换中的某些元素

这适用于Chrome、Firefox、Opera、IE9、Safari 5.0和Safari 6.0

然而,在Safari 5.1中,只有在Safari 5.1中,它被破坏了。它只转换第一张牌


在转换/动画中使用JavaScript而不是CSS会导致相同的问题:

因此我在这里找到了一个解决方案:

基本上,如果我在setTimeout中设置了transform rotate,那么它就可以工作了。现在,这只修复了JavaScript版本:

另一个线程提到,如果我将top和left设置作为翻译操作(而不是设置left/top),那么这将在CSS版本中修复它。我没有调查这是否属实

同时,我发现另外5个堆栈溢出问题也有同样的问题