jQuery的淡入淡出，并导致闪烁？(jQuery FadeIn and FadeOut cause

我本来写了一个jQuery插件这个问题。我因为试图只用jQuery的另一个代码：

$('#action-alerts .rotate:gt(0)').hide();
 setInterval(function(){
    $('#action-alerts .rotate:first-child').fadeOut(600)
       .next('.rotate').delay(600).fadeIn(600)
       .end().appendTo('#action-alerts');}, 
  3000);

此代码仍然在iOS上的闪烁问题。我该如何解决这个问题？

下面是我原来的问题：

我使用的是jQuery插件叫做报价肩。它在浏览器中的伟大工程，但是，在IOS（V6） - 当过渡发生时闪烁。这是很烦人，我不知道如何解决闪烁问题。我看了一下-webkit-backface-visibility ，但我不相信这是事实。首先，我已经在我的样式表的代码：

body {
   -webkit-backface-visibility: hidden;
}

二不这只是适用于CSS 3周的过渡？（或者是我的理解不正确的？）

我应该尝试解决这个问题？

HTML

<div id="action-alerts">
  <ul>
    <li>
       <div class="quote-holder">
       <div class="grid_10">
       <h3 class="action-box-red"><span class="alert-icon">Text</span></h3>     
       </div>
       <div class="grid_2">
       <a target="_blank" href="#" class="default_button xlarge textcenter red">Read the <br> Report</a>
       </div>
       </div>
    </li>
    <li>
       <div class="quote-holder">
       <div class="grid_10">
       <h3 class="action-box-red"><span class="alert-icon">Text</span></h3>     
       </div>
       <div class="grid_2">
       <a target="_blank" href="#" class="default_button xlarge textcenter red">Take <br> Action</a>
       </div>
       </div>
    </li> 
  </ul>
</div>

JS：

$(function() {
    $('#action-alerts').quote_rotator({
        rotation_speed: 9000
    }); 
});

注：我比这里贴得更HTML。这是一个片段。我使用jQuery 1.8.3。我不介意改变到另一个插件，如果它工作（意思是它创造之间的简单过渡褪色<li>元素）。我试图使用Quovolver报价肩过，但我有问题，不能得到它的工作。

第二个想法，这个问题可能是由以下事实造成的fadeOut使得元件具有display:none在其运行结束。因此，当元件进入在渐退，首先需要显示。这将是坚固的“忽悠”你形容。

$('#action-alerts .rotate:gt(0)').fadeTo(10,0);
setInterval(function(){
    $('#action-alerts .rotate:first-child').fadeTo(1000,0, function() { 
        $('#action-alerts .rotate:first-child').next('.rotate').delay(300).fadeTo(1000,1)
          .end().appendTo('#action-alerts');
    });
}, 
3000);

工作实例的jsfiddle：

http://jsfiddle.net/Eznpg/12/