Modernizr: css3转换的目标IE
提问于 2013-03-14 11:10:56
我使用了现代浏览器来检测浏览器不支持的css3属性。对于旋转分区的CSS3转换属性，我使用了下面的规则
.rotate-div{
transform:rotate(-35deg);
}除了IE之外，其他浏览器都可以很好地使用供应商前缀的属性。因此，作为IE的后备方案，我想让div变得更直接。因此，如果我想以IE为目标进行css3转换，我已经编写为
.csstransforms .rotate-div{
/*transform property*/
}但是现代浏览器的目标也是Firefox和chrome的css转换。任何想法，以目标只有ie使用现代。
回答 2
Stack Overflow用户
发布于 2013-03-14 14:07:17
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);
}Stack Overflow用户
发布于 2013-03-15 12:45:36
我发现这是我的错误，我必须在不支持的属性类之前添加类名.no-csstransforms而不是.csstransforms。它现在起作用了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15407594
复制
![在DevOps中分层安全性[DevOps]](https://ask.qcloudimg.com/http-save/6790159/fi8xxoej13.png)
腾讯云开发者
