Я изначально написал этот вопрос о плагине 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

  
    
       
       
       <span class="alert-icon">Text</span>     
       
       
       <a target="_blank" href="#" class="default_button xlarge textcenter red">Read the <br> Report</a>
       
       
    
    
       
       
       <span class="alert-icon">Text</span>     
       
       
       <a target="_blank" href="#" class="default_button xlarge textcenter red">Take <br> Action</a>
       
       
     
  

JS:

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

Примечания: у меня больше HTML, чем размещено здесь. Это фрагмент. Я использую jQuery 1.8.3. Я не против перейти на другой плагин, если он работает (имеется в виду, что он создает простой переход между элементы.) Я попытался использоватьQuovolver до цитаты ротатор но у меня былопроблемы и не мог заставить его работать.