숨기기 페이지 배경

나는이 기본 페이지 구조를 가지고 :숨기기 페이지 배경

페이지 배경 이미지는 template.css 파일에 설정되어

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

<body> 
... 
</body>

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

생각 이잖아 페이지 또는 사용자가 자바 스크립트를 사용하지 않으면 페이지가 표시되지 않습니다. – unclenorton

숨기기 페이지 배경

답변

관련 문제