Comment faire de l'image de fond au-dessus de la berge en CSS?

Question

J'ai une image de fond qui couvre 100% de l'écran au-dessus du pli. Le code HTML et CSS pour l'image de fond est:

.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>

Je me demande quels sont les changements que je dois faire en CSS pour qu'il devrait couvrir 60-70% de l'écran au-dessus du pli. J'ai essayé de redimensionner l'image mais encore il était incapable de faire pour couvrir 70-80% de l'écran.

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; 
}