Modernizr：目標IE爲css3變換

我已經使用modernizr來檢測瀏覽器不支持的css3屬性。對於CSS3轉換屬性，以旋轉一個div我已經使用了規則Modernizr：目標IE爲css3變換

.rotate-div{ 
    transform:rotate(-35deg); 
}

除了IE瀏覽器等與使用供應商前綴屬性偉大的工作。所以作爲IE的後備之作，我想成爲直接的div。所以，如果我要針對IE瀏覽器對CSS3轉換我已經寫成

.csstransforms .rotate-div{ 
    /*transform property*/ 
}

但是Modernizr的針對Firefox和Chrome也爲CSS轉換。任何想法只針對目標，即使用modernizr。

2013-03-14 Kumaresh

-ms-transform：旋轉（-35deg），對於IE9及以上... – Prashobh 2013-03-14 12:18:34

但我使用前綴免費的jquery照顧供應商前綴。 – Kumaresh 2013-03-14 13:09:00

Modernizr'檢測下一代Web技術本地實現的可用性。它不能以IE或任何其他瀏覽器爲目標。您應該使用[條件註釋]（http://www.quirksmode.org/css/condcom.html）來定位IE。 – andyb 2013-03-14 14:24:52

IE9使用-ms前綴和IE10使用無前綴版本

不幸的是無前綴不添加-MS前綴或保持前綴的版本

你需要的是類似於

此問題在FAQ和GitHub issue tracker中提及。基於這些反饋，它建議做類似下面的...

.rotate-div { 
    transform:rotate(-35deg); 
} 
.-webkit- .rotate-div { 
    transform: rotate(-35deg) rotateX(0); 
}

2013-03-14 14:07:16

嘿謝謝你的詳細回覆Elijah。我發現了上面提到的錯誤。 – Kumaresh 2013-03-15 12:47:17

我發現，這是我的錯誤，我有不支持的屬性上課前要添加的類別名稱.no-csstransforms，而不是.csstransforms。它的工作現在。

2013-03-15 12:45:36 Kumaresh

回答