相关疑难解决方法(0)

Firefox没有为transitionend提升事件

document.getElementById("mylogo").addEventListener( 'webkitTransitionEnd', function( event )
{
   document.getElementById("mylogotext").className = "mylogoText_visible_style";
});

 document.getElementById("mylogo").addEventListener( 'transitionend', function( event )
    {
       document.getElementById("mylogotext").className = "mylogoText_visible_style";
    });
Run Code Online (Sandbox Code Playgroud)
.mylogoText_style
{
    position:absolute;
    left:-350px;
    top:105px;
    opacity:0;
    z-index:1;
}

.mylogoText_visible_style{

    position:absolute;
    left:59px;
    top:105px;
    opacity:1;
    z-index:1;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
}
Run Code Online (Sandbox Code Playgroud)

这里的问题是当我尝试为firefox过渡时没有发生.有人能告诉我这里的根本原因或问题是什么.

firefox html5 google-chrome css3

3
推荐指数
1
解决办法
2752
查看次数

标签 统计

css3 ×1

firefox ×1

google-chrome ×1

html5 ×1