Supersized - 전체 화면 배경 - 절반 만?

Question

이 나는 ​​초대형 전체 화면 배경 Supersized

을 사용하고 싶습니다하지만 난 단지 사이트의 오른쪽 절반에 그리고 난 내 콘텐츠를하고 싶은 왼쪽 하나의 슬라이더를 가지고 싶습니다. 스크롤하면 내용이 이동하고 배경이 유지됩니다. 좋아요 : example site

누구나 아이디어가 있습니까?

편집 : 알았어. 알았지 만 이미지를 반응 적으로 만들 수 있나요? 가능한가? 당신이 개발 도구로 검색 할 경우

Answer 1

.supersized {position:fixed;width:50% top:0;bottom:0;} 

Answer 2

,이 표시됩니다

이

#supersized { 
    position: fixed; 
    right: 0; 
    top: 0; 
    overflow: hidden; 
    z-index: -999; 
    height: 100%; 
    width: 50%; 
} 

Answer 3

오버 플로우 스크롤해야 내용에 귀하의 DIV :

<style> 
    .content{ 
     position: absolute; 
     left: 0; 
     top: 0; 
     bottom: 0; 
     width: 50%; 
     overflow: scroll; 
    } 
    .the-bg{ 
     background-image: ...; 
     background-size: cover; 
     position: absolute; 
     left: 50%; 
     top: 0; 
     bottom: 0; 
     width: 50%; 
    } 
</style> 

<div class="content">lorem ipsum</div> 
<div class="the-bg"></div> 

또는, 당신은 넣을 수 있습니다 오른쪽 고정형 :

<style> 
    .content{ 
     float: left; 
     width: 50%; 
    } 
    .the-bg{ 
     background-image: ...; 
     background-size: cover; 
     position: fixed; 
     left: 50%; 
     top: 0; 
     bottom: 0; 
     width: 50%; 
    } 
</style> 

<div class="content">lorem ipsum</div> 
<div class="the-bg"></div>