internet-explorer - Modernizr：用于 css3 转换的目标 IE

Question

我使用modernizr 来检测浏览器不支持的css3 属性。对于 CSS3 转换属性来旋转 div 我使用了规则

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

除了 IE，其他浏览器使用供应商前缀的属性都很好。因此，作为 IE 的后备，我希望 div 是直的。因此，如果我想针对 IE 进行 css3 转换，我将其写为

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

但modernizr 也针对 Firefox 和 chrome 进行 css 转换。任何只针对目标的想法，即使用modernizr。

score 0 · Accepted Answer

我发现我必须在不受支持的属性类之前添加类名.no-csstransforms而不是添加类名是我的错误。.csstransforms它现在工作。

score 0 · Accepted Answer

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

不幸的是，Prefix Free 没有添加 -ms 前缀或保留无前缀版本

你需要的是类似

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

常见问题解答和GitHub 问题跟踪器中提到了此问题。根据该反馈，它建议执行以下操作...

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

2 回答 2