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)'
});

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

请您上传一份完整的演示文稿吗？我们无法正常调查吗？

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

1 个答案: