css - -moz-transition-duration 不起作用

Question

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

Chrome 中的方块（索引）有一个 -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

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

实际上，Firefox 看到top设置为-10pxin但在声明中.label:hover找不到值。toplabel

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

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

这个对我有用！