-moz - 過渡持續時間不起作用

Question

我有一個問題絲毫此網站http://www.lookcommunication.it/korus/WEPA/IT/index.php

正方形框（INDEX），在鍍鉻，有一個-webkit - 過渡持續時間：0.4秒;一切都好。 但用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價值就必須切換到。

事實上，火狐看到那top設置爲-10px在.label:hover卻找不到的top在label聲明價值。

您只需設置top到0在label聲明：

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

這對我的作品！