내 페이지에는 너비와 배경이 100 % 인 2-3 개의 섹션이 있습니다. 전체 화면으로 열면 모든 것이 정상이지만 화면이 960 픽셀 (이 섹션의 내용 너비)보다 작 으면 배경 이미지가 전체 페이지가 아닙니다. 오른쪽 위 whis는 배경이 아니라 - 흰색입니다. 여기서 내가 무엇을 의미하는지 확인할 수 있습니다 : http://micobg.net/10th/CSS : 100 % 너비 및 배경?
9
A
답변
2
배경 최소 너비 사용 : 960px; 너비 대신 100 %; 건배
18
background-image
을 적용한 요소에 background-size:100%
스타일을 추가하기 만하면됩니다. Firefox, Safari 및 Opera에서 작동합니다. 예를 들어 :
<style>
.divWithBgImage {
width: 100%;
height: 600px;
background-image: url(image.jpg);
background-repeat: no-repeat;
background-size: 100%; //propotional resize
/*
background-size: 100% 100%; //stretch resize
*/
}
</style>
<div class="divWithBgImage">
some contents
</div>
+0
이제 Chrome에서도 작동합니다. – Channel
3
이 this 문서에 대해서는, 당신은뿐만 아니라 cover
를 사용하려면해야
html {
background: url(PATH_TO_IMAGE) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
관련 문제
- 1. css 100 % 너비 iphone
- 2. CSS 배경 및 몸체 높이 100 %
- 3. CSS 배경 이미지의 동적 너비
- 4. CSS Li 배경 너비
- 5. 호기심 너비 100 % CSS 문제
- 6. CSS 아래의 슬라이더에 액세스 할 수있는 100 % 너비 배경 마스크
- 7. CSS 배경 이미지 및 상자 너비 (%)
- 8. CSS : 고정 너비 + 동적 너비 어린이, 100 % 부모 너비 채우기?
- 9. 가로 방향 탐색, 동적 너비 버튼, 100 % 너비, Img 배경
- 10. CSS - 100 % 너비 입력시 div가 겹칩니다.
- 11. CSS 속성 너비 : 100 %; 페이지를 길게 만든다
- 12. 상단 너비 100 % 너비 - 작동하지 않습니다.
- 13. 100 % 너비 표 셀
- 14. CSS - 100 % 높이가 100 % 이상입니까?
- 15. HTML/CSS 디자인으로 100 % 너비 가로 그라데이션 효과
- 16. 모바일 장치의 너비 100 %
- 17. CSS : 너비 (백분율) 및 백분율
- 18. 배경 이미지 최소 너비 및 위치 지정
- 19. CSS 및 배경 이미지의 문제
- 20. 너비 100 % + 가로 및 세로 스크롤
- 21. jquery UI 탭 너비 100 %
- 22. 22 ''모니터에서 CSS 너비 100 %가 올바르게 작동하지 않습니다.
- 23. MS 차트 너비 100 %
- 24. HTML 너비 100 %
- 25. Facebook 앱 100 % 너비
- 26. 메뉴 바 100 % 너비
- 27. 100 % 너비 나누기 컷오프
- 28. 너비 100 % (포지션 고정)
- 29. div 너비 100 %
- 30. 유체 레이아웃 배경 각면에 50px 패딩이있는 100 % 너비
이 읽기 : http://www.whatstyle.net/articles/48/css_tricks_1_100_percent_width_in_a_variable_width_container는 – diEcho
당신은 할 수 있습니다 유용한 정보는 [stackoverflow.com/questions/2083831/css-background-image-does-not-fill-when-scrolling](http://stackoverflow.com/questions/2083831/css-background- not-fill-when-scrolling) – utsikko