【问题标题】:-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 遵循规范。
    猜你喜欢
    • 2023-03-22
    • 2011-09-07
    • 2011-02-17
    • 2011-08-27
    • 2016-02-01
    • 1970-01-01
    • 2022-01-24
    • 2012-12-10
    • 2011-11-28
    相关资源
    最近更新 更多