-moz-transition-duration not函数

Question

我有一个关于这个网站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;

}

Answer 1

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

事实上，火狐看到top在.label:hover中被设置为-10px，但在label声明中找不到top的值。

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

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

这对我很有效！