전체 화면 배경

Question

i 내 배경 이미지를 브라우저 창에 완전히 채우고 싶습니다. CSS를 사용해 보았습니다

body {background:url(bg.jpg) fixed no-repeat 100%} 

그러나 전체 화면을 덮지는 않습니다.

Answer 1

backstretch.js를 사용하여 배경을 창 크기에 맞 춥니 다. 분명히 jquery이지만 내 경험으로 보면 매우 신뢰할 만합니다.

http://srobbin.com/jquery-plugins/backstretch/

Answer 2

img 태그에 대한 ID를 만들고 다음 서식

#background { 
position: absolute; 
left: 0%; 
top: 0%; 
width: 100%; 
height: 100%; 
z-index: 1; 
} 

Answer 3

CSS의 :

배경 : 홈페이지 (yourImage) 고정 노 반복 센터 센터; background-size : 표지;

수정 and.stretch 사진

Answer 4

css: 
background-size: cover; 

내가 추측에 대해 당신이 찾고있는 것입니다. CSS :이 시도 지원 borswer 크로스에 대한

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

소스 : css tricks full page background

Answer 5

당신이 IE는이 방법을 시도를 포함하여 크로스 브라우저하려는 경우 :

 theWindow.resize(function() { 
      resizeBg(); 
     }).trigger("resize"); 

http://jsfiddle.net/Riskbreaker/A5ZNy/

을 어느 csstricks :

0에도 언급되어 있습니다.

http://css-tricks.com/examples/FullPageBackgroundImage/jquery.php