隐藏页面的背景

我有这个基本的网页结构：隐藏页面的背景

<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

隐藏页面的背景

回答

相关问题