使用CSS3變換：旋轉IE原點問題

我正在使用新的CSS3 transform:rotate(180deg)功能的項目。每個現代瀏覽器都有自己的標籤，但支持它。只有IE（當然）沒有。但使用過濾器可以實現同樣的功能。 唯一的問題是，IE瀏覽器使用另一個起源作爲CSS3。我的猜測是，有些數學的原點可以集中，但我只是不明白（我的數學不是它曾經是）。使用CSS3變換：旋轉IE原點問題

代碼和示例可以在這裏找到：http://jsbin.com/adiwa3/2。在url後面加上/edit（http://jsbin.com/adiwa3/2/edit）應該打開編輯器進行測試。在IE中查看以查看問題並在另一個現代瀏覽器中查看所需結果。

當前修復（錯誤地）問題的部分在if(i==#){...}之間，因爲li的數量可以更改，所以應該將其更改爲一些數學。

我希望有人能幫助我。 Thnx你。

來源

2010-04-01 jerone

好的，我找到了解決方案。我需要在左邊位置使用costheta，在頂部位置使用sintheta，並將它們與寬度距離相乘。總結出高度和寬度，用2分開，給我正確的價值。

that.css({ 
    left: (cos * dis/2) - (parseInt(that.width())/2), 
    top: (sin * dis/2) - (parseInt(that.height())/2) 
});

您可以在這裏找到工作代碼http://jsbin.com/adiwa3/53，在這裏工作的例子http://jeroenvanwarmerdam.nl/contact.aspx

來源

2010-04-02 14:17:21 jerone

我發現這個項目用於跨瀏覽器轉換http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/。嘗試分析代碼以瞭解它在IE中的行爲（或直接下載腳本:)）。

來源

2010-04-01 16:06:03 mck89

謝謝，我會研究一下。 – jerone 2010-04-02 10:51:22

好的，這與我所尋找的有點相似。經過多次試驗和錯誤，我找到了自己的解決方案。 TY – jerone 2010-04-02 14:18:36

我有同樣的問題，而對IE瀏覽器運行JavaScript的能力。 Here is我找到的解決方案。

來源

2012-08-22 12:16:22 idanzalz

使用CSS3變換：旋轉IE原點問題

回答

相關問題