ページ上部の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/