Ich habe diese Frage ursprünglich über ein jQuery-Plugin geschrieben. Ich habe seitdem versucht, einen anderen Code mit nur 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);

Dieser Code hat unter iOS immer noch ein Problem mit dem Flackern. Wie löse ich dieses Problem?

Unten ist meine ursprüngliche Frage:

Ich benutze ein jQuery Plugin namensZitat Rotator. Es funktioniert hervorragend im Browser, jedoch flackert es unter iOS (v6), wenn der Übergang stattfindet. Es ist ziemlich nervig und ich bin nicht sicher, wie ich die Flimmerprobleme lösen soll. Ich habe darüber gelesen-webkit-backface-visibility aber ich glaube nicht, dass dies der Fall ist. Zuerst hatte ich diesen Code bereits in meinem Stylesheet:

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

Zweitens gilt dies nicht nur für CSS 3-Übergänge? (Oder ist mein Verständnis falsch?)

Was soll ich versuchen, um dieses Problem zu lösen?

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
    }); 
});

Anmerkungen: Ich habe mehr HTML als hier gepostet. Dies ist ein Ausschnitt. Ich verwende jQuery 1.8.3. Es macht mir nichts aus, auf ein anderes Plugin zu wechseln, wenn es funktioniert<li> Elemente.) Ich habe versucht, zu verwendenQuovolver vorher Quote Rotator hatte ich aberProbleme und konnte es nicht zum Laufen bringen.