확장 가능한 배경 이미지가 차례대로 수평으로 정렬

Question

사용자 정의 가로 슬라이드 쇼를 만들고 전체 확장형 이미지로 이상화했습니다. 브라우저 창 크기를 조정하면 그에 따라 이미지 크기가 조정됩니다.

이제이 문제가 발생하면 tutorial에 따라 내 이미지 div 컨테이너에 position: fixed이 있어야합니다. 이미지가 (플로트와 같은) 자신에게 다른 후 수평을 정렬하는

#imageContainerDiv img { 
    min-height: 100%; 
    min-width: 1024px; 
    width: 100%; 
    height: auto; 
    position: fixed; 
    top: 0; 
    left: 0; 
} 

그래서, 내가 필요로하는 것입니다 :

은 내가 CSS 전용 기술 # 1을 사용했다. 여기에 Fiddle (버튼 없음)이 있습니다. 고맙습니다.

페드로

Answer 1

표시 컨테이너 내의 이미지 설정 시도 인라인 블록 용기 자체의 크기를 설정하는 단계를 포함한다. 다음과 같이 표시 할 컨테이너 자체를 설정해야 할 수도 있습니다. 이 같은 것 :

#imageContainerDiv { 
    display:table; 
    min-width: 1024px; 
    height:auto; 
} 

#imageContainer Div img { 
    display:inline-block; 
    width: 100%; 
    height: auto; 
    position: fixed; 
    top: 0; 
}