절대적으로 이미지와 스크롤 바 배치하기

나는 메인 페이지 내용보다 넓은 페이지 상단에 절대 '영웅'이미지를 넣으려고합니다. 기본 페이지 콘텐츠는 960 픽셀입니다. 이미지는 1200px입니다. 브라우저 창 크기가 960px 미만인 경우에만 가로 스크롤 막대를 표시하고 싶습니다. 나는 미디어 쿼리를 사용하여 html 요소가 1200px 미만이면 숨겨진 오버플로를 설정 한 다음 960px로 다시 추가하는 방법을 고려했습니다. 그러나 이는 문제를 완전히 해결하지 못합니다.절대적으로 이미지와 스크롤 바 배치하기

샘플 페이지 : 배경 이미지를 사용할 수없는 경우 http://riverdistrictstudio.com/overflow/

출처

2012-01-21 Scott Simpson

배경 이미지로 사용하면 어떨까요? 'background : url (yourimage.jpg) center top fixed no-repeat' – meo

정말 이상적이지 않은이 이미지는 '내용'으로 간주되며 슬라이드 쇼의 일부일 수 있습니다. –

, 당신은 overflow:hidden 및 width:100%있는 다른 <div>에서 포장 시도 할 수 있습니다. 당신은 this jsfiddle에 더미 이미지로 작업하는 것을 볼 수 있습니다.

출처

2012-01-21 18:46:48 magicalex

_your_ image 및 마크 업 [here] (http://jsfiddle.net/4Q4Bv/1/)에서 작동하는 것을 볼 수 있습니다. – magicalex

절대적으로 이미지와 스크롤 바 배치하기

답변

관련 문제