Wie mache ich ein Hintergrundbild oberhalb der Falte in CSS?

Question

Ich habe ein Hintergrundbild, das 100% des Bildschirms über der Falte bedeckt. Die HTML und CSS für das Hintergrundbild ist:

.mb { 
 
    background-image: url(../assets/img/Uploads/xyz.jpg); 
 
    background-repeat: no-repeat; 
 
    height: 100%; 
 
    width: 100%; 
 
    display: flex; 
 
    align-items: center; 
 
    background-size: 100% 100%; 
 
    justify-content: center; 
 
}

<div class="mb"> 
 
</div>

Ich frage mich, welche Änderungen ich in CSS vornehmen müssen, so dass es 60 bis 70% des Bildschirms über die Klappe abdecken sollte. Ich habe versucht, das Bild zu vergrößern, aber es konnte immer noch nicht 70-80% des Bildschirms abdecken.

Answer 1

.mb { 
    background-image: url(../assets/img/Uploads/xyz.jpg); 
    background-repeat: no-repeat; 
    height: 70vh; 
    width: 100%; 
    background-size: 100% 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
}