Firefox中的.fadeOut（）

Question

我已经为我的元素添加了一个fadeOut（）函数，当我检查元素时，我实际上看到不透明度的数字减少了，当它们变为0时，元素就会消失，而不是慢慢消失。如果那是一个FF bug？

这是我的代码

setTimeout(function () {  
    $('#myEm').toggleClass('in').delay('3000').fadeOut('slow',  function() {
           $(this).remove();
    });
}, 100);

JSFIDDLE

Answer 1

问题是由transition引起的。解决方案非常简单。

#myEm {
 top:-100px;
 z-index: 99999;
 overflow: hidden;
 position: fixed;
 white-space: nowrap;
 margin-left: 45%;
 margin-right:50%;
 transition: top 1s ease; /*only animate the top and not all*/
 -webkit-transition: top 1s ease; /*this is so that is will also work on google chrome*/
}

here你有一个工作小提琴。 （我删除了延迟只是为了快速显示）