-5
votes

Ne peut pas retirer l'écart entre l'image d'arrière-plan et l'en-tête

Essayer de supprimer l'écart qui existe entre le haut de la page et mon image de fond. Essayé d'ajuster avec la marge dans le fichier CSS, mais rien ne fonctionne.

apprécierait grandement l'assistance. Merci! P>

Capture d'écran de mon numéro P> xxx pré>

html: p> xxx pré>

où mon image d'arrière-plan est ajoutée à CSS: p>

   body.landing #page-wrapper {
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), url("../../images/banner.jpg");
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), url("../../images/banner.jpg");
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), url("../../images/banner.jpg");
    background-image: linear-gradient(top, rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), url("../../images/banner.jpg");
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0;
    }


6 commentaires

Avez-vous retiré le rembourrage et la marge du corps? Sinon, vous devriez


Veuillez lire quelques conseils Comment poser une excellente question ici: Stackoverflow.com/help/how-to-ask aussi, fournissez un code que vous avez jusqu'à présent, de sorte que d'autres saillent où vous êtes coincé et fournissez une aide significative.


Certains CSS et Code HTML seraient utiles. Si la page est en ligne, vous pouvez également envoyer une URL.


Cela devrait être facile à déboguer à l'aide d'outils de développeur - une fois que vous l'avez ouvert, vous pouvez traverser le HTML et voir quel élément crée l'espace, peut-être comme suggéré précédemment.


Merci pour votre réponse. J'ai ajouté la marge: 0 et le rembourrage: 0 au corps et également à l'intérieur du style pour l'emballage de la page pour l'image. Il ne résout pas le problème, malheureusement.


J'ai une section d'en-tête où l'écart est situé où je cache la barre NAV qui affiche le logo de la société après avoir défilé la section suivante. Penser que cela pourrait causer la question?


3 Réponses :


0
votes

Essayez ceci sur votre image d'arrière-plan:

 position: absolute; top:0;


1 commentaires

Jay Essayez de supprimer le fond: # 2E3842; pour #header en CSS dans



0
votes

Essayez ce CSS sur votre image

img {
position: absolute;
margin: 0px;
padding: 0px;

}


0 commentaires

0
votes

Ce CSS supprimera le rembourrage et la marge par défaut du navigateur. xxx


0 commentaires