반응 형 - css 시차 형식 - 이미지가 없습니다.

Question

이미지를 background-attachment:fixed으로 기본 CSS "시차"효과가있는 사이트를 만들려고하는데 스크롤 할 때 거기에 머물러 있습니다. 코드 background-size:cover은 대형 브라우저에서 잘 작동하지만 화면을 작게 만들거나 크기를 800px 또는 900px로 설정하면 div의 이미지가 잘리지 않고 이미지 만 약간 보입니다. 나는 변화 배경 첨부와 함께 놀았 어 background-attachment:contain - 내가 할 때 이미지가 완벽하게 div에 표시되지만 이미지 아래에 거대한 공간을 참조하십시오.

http://greendental.mediaworksonline.com/

내가 2 일 동안 내 머리를 wracking했습니다. 도움이된다면 크게 감사 할 것입니다. 나는 CSS를 사용하고 jquery를 사용하지 않기 위해 이것을 구현하고있다.

빠른 솔루션을 넣을 수

Answer 1

differents의 해상도, 예를 들어

@media screen and (max-width: 900px) { 
    .imgblock {  
     min-height:400px;   
    } 
} 
@media screen and (max-width: 400px) { 
    .imgblock {  
     min-height:200px;     
    } 
} 

희망이