Centrer une image d'arrière-plan

StackOverflow https://stackoverflow.com/questions/1765784

  •  21-09-2019
  •  | 
  •  

Question

entrer image description ici

S'il vous plaît jeter un oeil à la capture d'écran ci-dessus, je voudrais centrer une image avec un fond noir, mais je reçois un espace blanc au fond. S'il vous plaît pourrait-il me aider à résoudre ce problème.

CSS 

.bgimg {
    background: url('../images/GBS-Chronicle-Background-1.png') black no-repeat center;
}
div#cont {
    height: 672px;
}

HTML 

<body class="bgimg">
<div id="doc2">
    <div id="hd"></div>
    <div id="bd">
        <div id="cont">
            <div class="middle">
                <p> hi hello </p>
            </div>
        </div>
    </div>
    <div id="fd"></div>
</div>
Était-ce utile?

La solution

Essayez d'ajouter ceci: 

html,body { height:100%; }

Autres conseils

Essayez de régler height:100%; sur votre classe .bgimg.

Modifier Vous pouvez également définir padding:0;margin:0; à votre classe .bgimg et juste pour vous assurer que

.

Je suppose que GBS-Chronicle-fond-1.png est pas assez élevé. vous pouvez ajouter de la couleur d'arrière-plan noir ou répéter l'image avec Y.

Essayez de changer l'ordre de la règle de base de sorte que la couleur vient en premier. 

background: black url('../images/GBS-Chronicle-Background-1.png') no-repeat center;

essayer cela aussi (comme cela a été suggéré ci-dessus):

body {color: # 000000;}

Aussi: Je suggère de commenter la hauteur de votre div de contenu aussi bien. Et / ou le réglage de la BKG couleur de la div de contenu à la même couleur que le corps. J'espère que ça t'as aidé! :)

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top