화면 하단에 검은 색으로 채워진 높이 바닥 글 div가 몸 위에 있습니다. 배경 이미지. 콘텐츠가 많지 않은 페이지가 몇 개 있습니다. 꼬리말은 페이지를 떠오르게하고 높이가 고정되어 있기 때문에 꼬리말 아래에서 몸의 BG 이미지를 볼 수 있습니다. CSS를 사용하여 바닥 글 div 아래에있는 전체 화면이 검은 색으로 표시되도록하려면 어떻게해야합니까?높은 위치 바닥 글 뒤의 CSS 배경색
0
A
답변
0
0
일부 게시 된 해결책이 있습니다. 그들 모두의 핵심은 모든 비 - 꼬리말 내용을 감싸고 바닥 글의 높이와 같은 패딩을 가진 블록 레벨 요소에 최소 높이 (이전 버전의 IE에 대한 해킹 포함)를 적용하는 것으로 보입니다. 바닥 글은 높이와 래퍼의 하단에 패딩과 같은 값 (명시 적으로 설정 부정적인 위쪽 여백을 가지고
코드 예제 the CSS Sticky Footer solution에서
HTML :..
<body>
<!--[if !IE 7]>
<style type="text/css">
#wrap {display:table;height:100%}
</style>
<![endif]-->
<div id="wrap">
<div id="main">
</div>
</div>
<div id="footer">
</div>
</body>
CSS :
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {overflow:auto;
padding-bottom: 150px;} /* must be same height as the footer */
#footer {position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}
+0
후, footer를 끈적 거리게 만들지 않고 대신 높은 위치로 올라갈 수있게되어 기쁘다. 그러나 footer 아래의 배경은 검은 색으로 채워 져야한다. – Nick
관련 문제
- 1. CSS 고정 위치 바닥 글 인쇄
- 2. 바닥 글 위치 지정
- 3. joomla 바닥 글 위치
- 4. CSS 바닥 글 스타일
- 5. 자바 스윙 머리글 및 바닥 글 배경색
- 6. 바닥 글 위치 지정 문제
- 7. 바닥 글 배경 이미지 CSS
- 8. 내용 뒤에있는 바닥 글 CSS
- 9. CSS 바닥 글 레이아웃 문제
- 10. css 스크롤바가없는 끈적한 바닥 글
- 11. 바닥 글 텍스트에 대한 CSS
- 12. CSS 바닥 글 및 배경
- 13. 바닥 글 바닥
- 14. 최소 높이를 기반으로 한 CSS 바닥 글 고정 위치
- 15. CSS 동적으로 바닥 글 위치 지정 (끈적 거리는 풋터 문제)
- 16. 절대 위치 지정 및 CSS 끈끈한 바닥 글
- 17. 이전 div의 절대 위치 지정이있는 스티치 CSS 바닥 글
- 18. 바닥 글
- 19. 보고서 바닥 글 보고서 바닥 글
- 20. 높이가 다른 절대 위치 div가있는 바닥 글?
- 21. 상대 위치 지정된 바닥 글 - IE의 공백은?
- 22. Magento의 바닥 글 위치 이동 방법
- 23. 바닥 글 괴롭게
- 24. CSS - 바닥 글 높이 -> 스크롤 문제
- 25. 끈끈한 바닥 글 문제 html css
- 26. CSS 자동 높이 및 고정 바닥 글
- 27. CSS 및 960g의 바닥 글 배치
- 28. IE와 firefox에서 작동하는 CSS 바닥 글
- 29. CSS 플로트 열이 바닥 글 위로 확장됩니다.
- 30. CSS : 다중 색상 바닥 글 배경 문제
너무 많은 파일에 몇 가지 코드가 표시 될 수 있습니까? – Jakub
.. heres a link : http://projects.snowshtechnologies.com/golden _dragon/profiles/ – Nick