CSS mozilla过渡不起作用

Question

我有一个简单的过渡,在平稳地盘旋时将页脚img向上移动5px,但是Firefox不适用于平滑过渡.只有webkit.

我已正确声明所有供应商前缀,如下所示.

    #footer img {
        margin-left:8px;
        -webkit-transition:all .1s ease;
        -moz-transition:all .1s ease;
        -ms-transition:all .1s ease;
        transition:all .1s ease;
        cursor:pointer;

#footer img:hover {
    position:relative;
    top:-5px;

您可以在Safari/Chrome VS Firefox中自行查看.进入页脚,将鼠标悬停在每个项目上.

www.rjam.es

Answer 1

Firefox似乎首先要求初始值设置.即使它是0.

#footer img {
     margin-left:8px;
     -webkit-transition:all .1s ease;
     -moz-transition:all .1s ease;
     -ms-transition:all .1s ease;
     transition:all .1s ease;
     cursor:pointer;
     position:relative;
     top:0;
}

#footer img:hover {
     top:-5px;
}