1

我试图让我的悬停过渡在歌剧和火狐中工作。它在 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;}
4

1 回答 1

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 所指出的，根据您想要定位的浏览器/版本，包含这些供应商特定规则的无前缀标准版本通常是一个好主意。

于 2012-12-10T03:39:33.983 回答