JQuery动画不透明度时闪烁，并且不透明度达到1

Question

这是问题的一个 fiddle :

http://jsfiddle.net/MaXaS/2/

这是标记(从 jsfiddle 复制+粘贴，因此缺少脚本标签等):

tr
{
    visibility:hidden;
    background-color:#cccccc;
}

<table>
    <thead>            
        <th style='width:100px'>Bibble</th>
        <th style='width:100px'>Fish</th>
    </thead>
    <tbody>
    <tr>
        <td>Some data!</td>
        <td>Some more data!</td>
    </tr>
    </tbody>
</table>

$(document).ready(function()
                  {
      $('tr').css('visibility', 'visible').css('opacity', 0).animate({ opacity: 1 }, 2000);                    
                  });

如果我将不透明度设置为 0.9999，那就没问题了。当不透明度达到 1 时会发生什么情况，我该如何解决？

Answer 1

这是 Firefox 上的一个已知错误:https://bugzilla.mozilla.org/show_bug.cgi?id=656948

有一个 hack 可以避免这种行为:http://jsfiddle.net/7v7Rg/您必须将动画设置为 0.999 不透明度，稍等片刻(对我来说一秒钟就可以了)并将不透明度设置为 1。