-webkit轉換旋轉和位置絕對左

我有一個函數，通過jQuery設置旋轉CSS樣式。我還有另一個功能，使用相同的t.css（{left：pos}）設置來設置div的左側位置。除Safari之外，所有瀏覽器都可以完美運行。有沒有人有這個問題。如果我刪除旋轉樣式左側的定位工作。當我在Safari瀏覽器開發人員工具中查看動畫時，我可以看到div標籤上的旋轉和左側屬性都獲得了動態更新，但不會僅顯示位置屬性的旋轉。-webkit轉換旋轉和位置絕對左

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

來源

2012-10-18 Chapsterj

左位置是否也通過變換（即translate）設置？ –

t.css（{left：pos}） – Chapsterj

剛剛通過該位置的單獨函數。 – Chapsterj

適合我。

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/

請您可以上傳它不能正常工作爲我們研究一個充分的論證？

來源

2012-10-19 01:04:09 lededje

-webkit轉換旋轉和位置絕對左

回答

相關問題