2012-02-22 47 views
1

我注意到,在加入風格瓦特/ jQuery的IE9中工作正常但是這似乎並不工作:在IE9 w /供應商前綴應用樣式瓦特/ jQuery的?

box.css({'-ms-transform': 'scale(.2)'}); 

雖然當我嘗試這樣做,瓦特/任何其他供應商前綴-webkit -/- moz-/etc它工作正常......它需要以不同的方式應用於IE嗎? (規模是動態的,因此我在做它的JS,而不是在CSS的原因)

+0

檢查出my ** updated **答案,IE9不支持'-ms-transform:scale()'。 – Jasper 2012-02-23 00:40:54

+0

@Jasper檢查我的答案的測試頁,IE9支持-ms-transform:scale() – ckozl 2012-02-23 01:29:24

回答

1

只是檢查它的jQuery的最後幾個版本,它似乎是工作的罰款,必須有一些其他的問題與您的代碼。你檢查確保box.length> 0?

這裏的測試頁:http://jsbin.com/ehasuz/edit#javascript,live

希望這有助於-ck

編輯:只是因爲我覺得我們是不是都在同一頁上演示的 -ms-transform:scale on ie9

這會讓我冒險猜測你的問題是在別的地方,除非有情況,ie9可選擇應用css3變換..

希望這有助於-ck

+0

很好看的瘋狂的事情是,我試圖應用其他樣式作爲測試,如改變背景顏色和所有的東西,除了這個-ms-transform之外的所有東西......開始變得非常惱火與它... – Brodie 2012-02-23 00:38:35

+0

我創建的測試頁顯示它在IE9中工作...這裏提供的語法是正確的... – ckozl 2012-02-23 01:27:38

1

我不熟悉您的具體問題,但你可以嘗試:

如果box持有超過一個元素,那麼你將不得不通過他們循環這個工作:

for (var i = 0, len = box.length; i < len; i++) { 
    box[i].style.MsTransform = 'scale(0.2)'; 
} 
+1

是的,你是正確的** IE **不支持** - webkit-transform:scale()**主要是因爲IE不支持使用* webkit * – ckozl 2012-02-23 01:26:39

相關問題