나는 내 신체의 이미지가 신체의 높이를 확장하는 것을 막으려 고했지만 성공하지는 못했습니다. 콘텐츠가 증가 할 때만 본문을 확장하고 배경 이미지는 확대하지 않습니다.CSS가 이미지 형태를 확장하는 신체 높이를 방지합니다.
는 여기에 코드입니다 :
body
{
background-color: #000000;
color: #FFFFFF;
font-family: Georgia, Verdana, Geneva, sans-serif;
overflow-x: hidden;
}
#background_container img
{
position: absolute;
top: 0;
left: 50%;
margin: 0 0 0 -1250px;
z-index: -10;
}
<body>
<div id="background_container">
<img src="_images/main_background.jpg" width="2500" height="2003">
</div>
<div>
CONTENT GOES HERE
CONTENT GOES HERE
CONTENT GOES HERE
CONTENT GOES HERE
CONTENT GOES HERE
CONTENT GOES HERE
CONTENT GOES HERE
CONTENT GOES HERE
CONTENT GOES HERE
CONTENT GOES HERE
CONTENT GOES HERE
CONTENT GOES HERE
</div>
</body>
그것은 신체의 높이 만 내가 더 많은 콘텐츠가있을 때 확장 그래서 일을해야하고,이 발생할 때까지 스크롤 막대가 없습니다.
저는 자바 스크립트를 전혀 사용하고 싶지 않습니다. 사전
이미지를 완전히 잘못 사용하고 있습니다. 배경 이미지로 사용하려면 CSS에서 배경 이미지로 설정해야합니다. 내 대답은이 작업을 수행하는 방법의 예를 참조하십시오. 데모도 포함되었습니다. – xception