Modernizr: целевой IE для преобразования css3

Question

Я использовал modernizr для обнаружения свойств css3, которые не поддерживаются браузерами. Для преобразования CSS3 свойства вращать DIV я использовал правило

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

Кроме IE другого браузера работает большим с собственностью, используя префикс поставщика. Итак, как резерв для IE, я хочу быть div, чтобы быть прямым. Так что, если я хочу, чтобы целевой IE для CSS3 преобразования я написал, как

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

Но Modernizr цели Firefox и хром также для CSS преобразований. Любая идея ориентироваться только с использованием modernizr.

Answer 1

IE9 использует префикс -ms и IE10 использует не-приставку версию

CanIUse http://f.cl.ly/items/0S3P2W1F2a2G3A0O1d2D/Screen%20Shot%202013-03-14%20at%208.24.46%20AM.png

К сожалению Prefix Free не добавляя -ms префикса или сохраняя версию без префикса

PrefixFree http://f.cl.ly/items/3J2D0s1w1U1s0h3H1s25/Screen%20Shot%202013-03-14%20at%208.25.23%20AM.png

Вам нужно что-то вроде

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

Эта проблема упоминается в FAQ и в GitHub issue tracker. Основываясь на этой обратной связи, он рекомендует делать что-то вроде следующего ...

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

Answer 2

Я обнаружил, что это моя ошибка, что я должен добавить имя класса .no-csstransforms вместо .csstransforms перед неподдерживаемых классов свойств. Теперь работает.