Wie man Leerraum zwischen Paralax Backgrond-Bild und einem nächsten Div entfernen?

Question

Ich habe in CSS Paralax üben und habe ein Problem: zwischen Hintergrundbild und einem nächsten Div gibt es eine weiße Lücke, können Sie nur die Breite eines Ansichtsfensters ändern und nach unten scrollen, um es zu sehen.

Also, meine Frage ist: Warum es passiert und was ich tun soll, um es zu entfernen?

A screenshot und Link on JSFiddle oder CSS-Code:

.car { 
    position: relative; 
    width: 100%; 
    height: 600px; 
    background: url(http://i63.tinypic.com/14viwxk.png) no-repeat; 
    background-position: top left; 
    background-size: contain; 
    padding-top: 100px; 
    padding-bottom: 0; 
    overflow: hidden; 
    background-attachment: fixed; 
} 

.car h1 { 
    line-height: 1.2; 
} 

.car figure { 
    width: 40%; 
    position: absolute; 
    top: 50%; 
    transform: translateY(-50%); 
    left: 10%; 
    color: white; 
} 

figure p { 
    margin-bottom: 20px; 
} 

Answer 1

Ihr Bild ist einfach zu klein. Ändern Sie background-size-cover und sehen, was Sie

Answer 2

bekommen Was haben sagen @Hunter es korrekt ist, oder Sie können die height: 600px;-height: 300px; verändern oder benutzen Sie andere Bilder mit height: 600px