jquery - -webkit-transform 旋转和绝对左侧位置

Question

我有一个通过 jquery 设置旋转 css 样式的函数。我还有另一个函数，它使用相同的 t.css({left:pos}) 设置来设置 div 的左侧位置。这一切都可以在除 Safari 之外的任何浏览器中完美运行。有没有人对此有任何问题。如果我删除旋转样式，则左侧定位有效。当我在 safari 开发人员工具中查看动画时，我可以看到 div 标签上的旋转和左属性都在动态更新，但它不会只渲染位置属性。

function rotate(rotation){
t.css({'-webkit-transform': 'rotate('+rotation+'deg)','-moz-transform': 'rotate('+rotation+'deg)','-ms-transform': 'rotate('+rotation+'deg)','-o-transform': 'rotate('+rotation+'deg)','transform': 'rotate('+rotation+'deg)'
});
}

Answer 1

对我来说很好。

var rotation = 45;
var t = $('div');

t.css({
    '-webkit-transform': 'rotate('+rotation+'deg)',
    '-moz-transform': 'rotate('+rotation+'deg)',
    '-ms-transform': 'rotate('+rotation+'deg)',
    '-o-transform': 'rotate('+rotation+'deg)',
    'transform': 'rotate('+rotation+'deg)'
});

​</p>

这是一个小提琴：http: //jsfiddle.net/YQxBg/1/

请您上传完整的演示，说明它无法正常工作以供我们调查？