Question

我正试图让我的悬停过渡在opera和firefox中运行。它在Chrome中运行良好，但我还没有在IE或Safari中验证它。我需要更改或添加吗？

#redbox a {
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: initial;
}

#redbox a:hover {background:#6C6C6C;}

Answer 1

你只在你的css中包含了webkit的前缀，所以它在Chrome中运行良好，很可能也是Safari，但不是其他任何地方。您需要包含mozilla供应商前缀才能使其在firefox中运行：

#redbox a {
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: initial;
    -moz-transition-property: all;
    -moz-transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -moz-transition-delay: initial;
}

同样适用于使用-o-作为前缀的opera。至于IE，不确定它是否支持css转换，您需要在MDN或caniuse等处检查

。

更新：正如下面的@BoltClock和@Boris Zbarsky所指出的那样，通常也应该包含这些特定于供应商的规则的非前缀标准版本，具体取决于您想要定位的浏览器/版本。

Firefox，Opera和IE的CSS过渡？

1 个答案: