CSS 转换在 webkit 中有效，但在 FF 中无效

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) 中不正确:为什么？ 在另一个元素上改变背景颜色的另一个过渡效果很好，类似的过渡效果(www.greywyvern.com/?post=337 credit for the idea!)在 FF 中也同样有效。

Answer 1

因为这是一个 CSS3 函数，我认为它在 Firefox 中仍然不是一个有效的功能。查看this底部的兼容性表页面...尝试升级您的浏览器或使用替代转换。