작은 브라우저에서 중심 큰 배경 화면

Question

내 사이트에는 매우 큰 배경 화면 (1920x1080 - Full HD)이 있으며, 브라우저 창이 더 작 으면 왼쪽 대신 화면 중앙으로 중앙에 배치하고 싶습니다. 이미지보다.

<div id="wallpaper"> 
    <img /> 
</div> 

을 그리고 스타일은 다음과 같습니다 :

나의 현재 태그는 다음과 같다 내가 jQuery를 통해 비동기로드 때문에

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

div#wallpaper img 
{ 
    display: block; 
    margin: 0px auto; 
} 

내가, img 태그를 사용하고, 그리고 난 상위 div에서 position absolute를 사용하여 페이지 흐름에서 이탈하지 않도록합니다. 마지막으로 Z- 색인이 1보다 큰 Z- 색인으로 콘텐츠가 배치됩니다.

위의 문제는 브라우저가 1024x768에 불과하면 이미지의 왼쪽이 보일뿐입니다. 중간 부분이다.

배경 화면이 브라우저 창보다 큰 경우 왼쪽과 오른쪽에서 모두 자르기를 의미합니다.

희망은이 모든 그렇지 않으면 내가, 방법은 당신이 그것을하고있는 수 있습니다 싶은 확실하지 않다

Answer 1

:-) 문의하시기 바랍니다, 감각을했다.

내가 할 수있는 것은 이미지를 배경 화면 div의 배경 이미지로 설정 한 다음 배경 위치를 이미지 가운데에 맞춰 설정하는 것입니다.

예 :

<div id="wallpaper" style="background-image: foo.jpg"></div>

및 CSS에서 ...

div#wallpaper 
{ 
    background-position: top 50%; 
}