Firefox，Opera和IE的CSS过渡？

Question

我正在尝试使我的悬停过渡功能可用于歌剧和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-作为前缀的歌剧也是如此。 至于IE，不确定它是否支持CSS转换，您需要在MDN或caniuse等处进行检查。

更新 ：正如下面的@BoltClock和@Boris Zbarsky所指出的，根据您要定位的浏览器/版本，最好还包括这类特定于供应商的规则的非前缀标准版本。