Modernizr: css3转换的目标IE

Question

我使用了现代浏览器来检测浏览器不支持的css3属性。对于旋转分区的CSS3转换属性，我使用了下面的规则

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

除了IE之外，其他浏览器都可以很好地使用供应商前缀的属性。因此，作为IE的后备方案，我想让div变得更直接。因此，如果我想以IE为目标进行css3转换，我已经编写为

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

但是现代浏览器的目标也是Firefox和chrome的css转换。任何想法，以目标只有ie使用现代。

Answer 1

IE9使用-ms前缀，IE10使用非前缀版本

​

不幸的是，前缀自由没有添加-ms前缀或保持无前缀的版本

​

您需要的内容如下所示

.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。它现在起作用了。