Hintergrund oben schneiden von Bild

Question

Ich habe eine site, auf der der Hintergrund des Bildes abgeschnitten wird, selbst wenn die Höhe erhöht wird. Wie kann ich den oberen Bereich des Bildes auf der Seite haben?

.top-area { 
    background: url(../img/matt.png) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    height: 677px; 
} 

Answer 1

Ändern Sie .top-area zu diesem. Sie verwenden fixed Hintergrundanhang, also müssen Sie die Hintergrundposition ändern, um Ihre Navigation zu löschen (die 78px groß ist), also verschieben Sie das Hintergrundbild hinunter 78px. Ich habe auch einen Margin-Top von 28px zu .top-area hinzugefügt, so dass der Div auch Ihre Kopfzeile löschen wird.

.top-area { 
    background: url(../img/matt.png) no-repeat center 78px fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    height: 677px; 
    min-height: 100%; 
    margin-top: 28px; 
} 

Answer 2

Es passiert, weil Sie die Position der Navigationsleiste festgelegt haben. Wenn Sie dies verwenden möchten, fügen Sie

body{padding-top:78px;} 

or 

.top-area{margin-top:28px;}