배경 이미지 스트레칭

나는 화면 내가 background-size: 1500px 1500px;을 넣어 시도하고 고정배경 이미지 스트레칭

body { 
    margin-left: auto !important; 
    margin-right: auto !important; 
    width: 80%; 
    background-image: url(hola.jpg); 
}

의 크기에 맞게 배경 이미지를 스트레칭합니다.

어떻게 모든 페이지 해상도를 자동으로 수행 할 수 있습니까?

출처

2013-11-03 Ninjacu

css-tricks : [완벽한 전체 페이지 배경 이미지] (http://css-tricks.com/perfect-full-page-background-image/)를보십시오. BTW, 컨테이너 AFAIK만큼 큰 배경 만 만들 수 있으므로'width : 80 % '가 문제가됩니다. –

당신의 <body> 전체 창 커버하지 않는 경우에 사용, 심지어 작동합니다 :

background-attachment: fixed; 
background-size: 100%;

(출처 : https://developer.mozilla.org/en-US/docs/Web/CSS/background-size을 :

<percentage>
에 배경 이미지를 확장 값 background-origin의 값에 의해 결정되는 배경 위치 지정 영역의 지정된 백분율에 해당하는 크기. [...] 배경의 첨부 파일이 고정되어 있으면 배경 posit 이온화 영역은 대신 스크롤바가있는 영역을 포함하지 않고 브라우저 창의 전체 영역입니다. 지금 IE11 밖으로 이미 자들을 지원해야하는지 여부 [...]

출처

2013-11-03 15:15:05

background-size:cover; 
background-position:50% 50%;

Not compatible with IE8 and lower을, 당신은 결정합니다.

출처

2013-11-03 15:15:28

배경 이미지 스트레칭

답변

관련 문제