Question

我有一个下拉菜单的代码，在子菜单上有一个转换：

ul.menu ul {
        -moz-transition: visibility 0s linear .55s, opacity .55s linear 0s;
        -webkit-transition: visibility 0s linear .55s, opacity .55s linear 0s;
        -o-transition: visibility 0s linear .55s, opacity .55s linear 0s;
        transition: visibility 0s linear .55s, opacity .55s linear 0s;
        visibility: hidden;
        opacity: 0;}

ul.menu li:hover > ul {
        -moz-transition-delay:0s;
        -o-transition-delay:0s;
        -webkit-transition-delay:0s;
        transition-delay:0s;
        visibility: visible;
        opacity: 1; }

它在Chrome中正常显示但在Firefox（7.0.1）中没有显示：为什么？在另一个elemet上另一个改变背景颜色的过渡工作正常，并且类似的过渡（www.greywyvern.com/?post=337这个想法的功劳！）也适用于FF。

Answer 1

由于这是一个CSS3功能，我认为它仍然不是Firefox的工作功能。请查看this页面底部的兼容性表格...尝试升级您的浏览器或使用其他过渡方式。

Answer 2

你有太多的时间声明：

-moz-transition: visibility 0s linear .55s, opacity .55s linear 0s;

如果删除最后一个时间0s，它将按预期工作。

See here, with your code and with the last time removed.

CSS转换在webkit中工作但不在FF中工作

2 个答案: