firefox - 为什么这个 CSS 悬停过渡在 FireFox 中失败？

Question

我在这里发布了一个简单的例子：http: //jsfiddle.net/tkJgg/

我知道 FF 需要为转换属性设置初始值。我想我有。有什么想法有什么问题吗？

Answer 1

悬停转换在 Mozilla 中不会失败，但有时由于代码错误或加载浏览器失败会禁用此属性。要忽略这个问题，您应该在 CSS 过渡中定义浏览器。以下是定义不同主要浏览器时应使用哪些代码的示例

#mydiv a:hover{
   -moz-transition:all 0.5s ease-in-out;     /*For Mozilla Browser*/ 
   -webkit-transition:all 0.5s ease-in-out;  /*For Chrome and Safari*/
   -o-transition:all 0.5s ease-in-out;       /*For Opera Browser*/
    transition:all 0.5s ease-in-out;         /*For Other Browser*/
}

Answer 2

用这个

-moz-transition: all 0.5s ease-in-out;

演示

Answer 3

删除0最后：

 -moz-transition: all 0.5s ease;

或在零之后指定 s(seconds)：

-moz-transition: all 0.5s ease 0s;

语法说：

 <single-transition> = [ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>

此处<time>定义的位置：

时间

CSS 数据类型表示以秒或毫秒表示的时间维度。它们由一个<number>紧随其后的单元组成。

而且：

“虽然允许无单位零<length>，但对所有其他单位无效。 ”