CSS转换在webkit中工作,但在FF中不工作
我有一个下拉菜单的代码,在子菜单上有一个转换:CSS转换在webkit中工作,但在FF中不工作,css,firefox,google-chrome,webkit,css-transitions,Css,Firefox,Google Chrome,Webkit,Css Transitions,我有一个下拉菜单的代码,在子菜单上有一个转换: 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
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.greywhen.com/?post=337 credit for the idea!)在FF中效果也很好。由于这是一个CSS3函数,我认为它在Firefox中仍然不起作用。看一看页面底部的兼容性表。。。请尝试升级浏览器或使用其他过渡方式。您有太多的计时声明:
-moz-transition: visibility 0s linear .55s, opacity .55s linear 0s;
如果删除最后一次计时0s
,它将按预期工作
嗯,我不为我工作,为什么要这样做?最后一个计时是延迟,我想这两个属性可能不同,我也尝试了非速记属性,但结果相同。我不确定一个孩子(>)是否可以这样转换……你如何定义“正确”?请注意,
可见性
是一个离散属性,因此定义它应该如何转换很复杂。一直在变化中的规范和实现可能彼此不匹配,或者与我发布的链接中的当前规范“正确”不匹配(顺便说一句,它在FF中使用非常相似的代码…)。我同意你的说法,规范还没有“建立”,但作为我链接到works(甚至在FF中)的例子,肯定还有其他东西。你能发布一个实际页面,显示上面应用于HTML的CSS吗?