隱藏頁面的背景

我有這個基本的網頁結構：隱藏頁面的背景

<head> 
... 
    <link rel="stylesheet" type="text/css" href="template.css" media="screen" /> 
</head> 

<body> 
... 
</body>

頁面背景圖像中template.css文件中設置：

body { 
... 
    background-image: url("../images/texture.jpg"); 
}

當加載頁面時，我看到了我先顯示背景，然後顯示其他內容。我想一次顯示整個頁面。對於這一點，我說：

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

到<頭> ... < /頭>部分，然後：

<body onload="document.body.style.visibility='visible'">

我的身體標記希望整個身體（其背景）將在整個頁面準備就緒時最初隱藏並顯示。然而這不會發生。當我刷新頁面時，我仍然在其他內容之前看到我的背景圖片。

我在做什麼錯？

謝謝！

來源

2011-04-29 user731253

-1

可以隱藏整個頁面和「秀」的DOM就緒元素被解僱了它之後，它的一個farily易一件工作：

<!DOCTYPE html> 
    <html> 
    <head> 
    </head> 
    <body> 
     <style> 
      body{ 
       background: green; 
       display: none; 
      } 
     </style> 
     <div id="lotsandlotsofstuff">[...]</div> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
     <script> 
     $('document').ready(function(){ 
      $('body').fadeIn(); 
     }); 
     </script> 
    </body> 
    </html>

來源

2011-04-29 15:17:58 Hannes

那什麼ü認爲 – Hannes 2011-05-16 13:26:45

如果有一個JavaScript錯誤在頁面上或用戶已禁用JavaScript，頁面將永遠不會顯示。 – unclenorton 2011-08-22 18:02:18

隱藏頁面的背景

回答

相關問題