我如何強制瀏覽器等到所有內容都加載完畢？

我正在使用幾層堆疊的圖像和動畫產生效果的頁面上，但是當我在每個瀏覽器（最新版本）中本地加載它時，它將顯示後面的隱藏層，它們的大小比前面的圖層，但是在DOM之前，它會顯示前一層。這只是片刻，但它打破了效果。唯一沒有做到這一點的瀏覽器是Chrome。我如何強制瀏覽器等到所有內容都加載完畢？

到目前爲止，香港專業教育學院嘗試這樣做：

<head> 
$(window).load(function() { 
    $(body).css("visibility", "visible"); 
}); 
</head> 
    <body style="visibility:hidden;" >

，但無濟於事。有沒有人有更好的方法？

來源

2012-05-18 user1361747

/就是使用這個可以幫助你/

function loadvisiblity() 
{ 
    $(body).css("visibility", "visible"); 
} 

<style type="text/css"> 
body.hidden {visibility:hidden;} 
</style> 

<body class="hidden" onload="loadvisiblity()">

來源

2012-05-18 05:45:08

沒了，那並不影響它。 – user1361747

我想我將不得不使用預加載器，因爲似乎沒有任何方式阻止瀏覽器在加載時顯示元素。 – user1361747

我如何強制瀏覽器等到所有內容都加載完畢？

回答

相關問題