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

这可能是因为 Firefox不知道它必须转换为top的值。

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

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

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

对我有用！

-moz-transition-duration不起作用

1 个答案: