페이지 상단 X 픽셀을 흰색 배경으로 만든 다음 검정색으로 나머지를 검정색으로 중앙에 그 위에 이미지를 놓습니다.

Question

문구가 너무 형편 없기 때문에 사과드립니다. 예를 들어) 300 픽셀이 흰색이 될 때까지 검정색 배경에서 아래쪽으로 그 다음이 이미지를 상단 중앙에 배치하고 싶습니다. http://imgur.com/a/vPBY2 및 흰색에서 검정색으로의 전환점을 정렬하십시오.

Answer 1

이 코드

body{color: #fff;margin: 0;background-color: #000;} 
 
.div1{background-color: #fff;color: #000;height: 250px;margin: 0;position: relative;text-align: center;font-size: 30px;} 
 
.div2{position: relative;z-index: 1;} 
 
.car_div{position: absolute;bottom: -70%;text-align: center;width:100%;}

<div class="div1"> 
 
content 1 
 
<div class="car_div"> 
 
<img src="https://www.photoshopgurus.com/forum/attachments/quick-tips-and-techniques/2962d1302026102t-help-trying-delete-background-2933d1301946603-help-trying-delete-background-back-car-10-png"> 
 
</div> 
 
</div> 
 
<div class="div2"> 
 
content 2 
 
</div>

다음 질문에 대한

여기 데모 https://jsfiddle.net/pac2xqy9/