的Webkit閃爍文字是應該被隱藏頁面加載

我有我搬出主容器上的document.ready和window.load的Webkit閃爍文字是應該被隱藏頁面加載

使用動畫（）在WebKit瀏覽器在動畫的幾個元素，來自其中一個元素的文本短暫閃爍在屏幕上。它在非webkit瀏覽器上運行良好。

下面的代碼：

 <header> 
     <div id="logo"> 
      <h1 class="ir">Blank Consultants Inc.</h1> 
      <a href="index.html"><img src="images/logo.gif" alt="Pro-edge logo" width="258" height="158" /></a> 
      <h2 id="tagline">Powerful. Effective. Creative.</h2> 
     </div> 

     <div id="contact"> 
      <a id="email" href="mailto:[email protected]">Email: [email protected]</a> 
      <p id="number">Toll-Free: 5555555</p> 
     </div> 

     <nav id="nav"> 
      <a href="/">home</a> 
      <a href="/">what we do</a> 
      <a href="/">blogs</a> 
      <a href="/">cosmo</a> 
      <a href="/">team</a> 
      <a href="/">contact us</a> 
     </nav> 

     <div id="header-image" class="clear"> 
      <img src="images/mainPage.jpg" width="960" height="283" /> 
     </div> 
    </header>

的JavaScript：

$(document).ready(function() { 
    $('#logo').css('left', '-455px'); 
    $('#contact').css('right', '-455px'); 
    $('nav').css('top', '-180px'); 

    $(window).bind("load", function() { 
     $('nav').animate({ 'top': 0 }, 1200, 'swing'); 
     $('#logo').animate({ 'left': 0 }, 1250, 'easeOutExpo'); 
     var x = function() { 
      $('#contact').animate({ 'right': 0 }, 1250, 'easeOutExpo'); 
     }; 
     setTimeout(x, 170); 
    }); 
});

我想只是用CSS3做這個WebKit中，但我真的很想知道是什麼導致了這問題。

謝謝！

來源

2011-01-21 Dave Stibrany

這也會發生在連接速度較慢的其他瀏覽器中。 – SLaks 2011-01-21 03:44:31