-moz-transition-duration 不起作用

【问题标题】：-moz-transition-duration not function-moz-transition-duration 不起作用
【发布时间】：2013-07-21 00:42:27
【问题描述】：

我对这个网站有问题http://www.lookcommunication.it/korus/WEPA/IT/index.php

Chrome 中的方格框（INDEX）有一个 -webkit-transition-duration: 0.4s;一切都好。但是用FF这个效果就不行了。

框下的阴影效果与Chrome和FF功能相同。

为什么我的盒子不动？

感谢您的帮助

.label
{
position:relative; 
z-index:3;  
-webkit-transition-property: top, bottom; 
-webkit-transition-duration: 0.4s; 
-moz-transition-duration: 0.4s; 
transition-duration: 0.4s; 
-o-transition:0.4s; 
-moz-transition-property: top, bottom;

}

【问题讨论】：

标签： css firefox transition duration

【解决方案1】：

这可能是因为 Firefox 不知道它必须切换到 top 的什么值。

确实，Firefox 看到 top 在 .label:hover 中设置为 -10px，但在 label 声明中找不到 top 的值。

您只需在label 声明中将top 设置为0：

.label {
    // Your code
    top: 0;
}

它对我有用！

【讨论】：

实际上，它确实知道要切换到什么值：auto。问题是每个规范你不能在auto 和长度之间进行插值，而 Firefox 遵循规范。