Centrare un'immagine di sfondo

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

  •  21-09-2019
  •  | 
  •  

Domanda

entrare descrizione dell'immagine qui

Si prega di dare un'occhiata alla schermata precedente, vorrei centrare un'immagine con sfondo nero, ma mi sto un po 'di spazio bianco in fondo. Si prega di qualcuno potrebbe aiutarmi a risolvere questo problema.

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>
È stato utile?

Soluzione

Prova ad aggiungere questo: 

html,body { height:100%; }

Altri suggerimenti

Prova a impostare height:100%; sulla tua classe .bgimg.

Modifica Si consiglia inoltre di impostare padding:0;margin:0; alla classe .bgimg pure solo per assicurarsi che

.

Credo che GBS-Chronicle-sfondo-1.png non è abbastanza alta. è possibile aggiungere il colore di sfondo al nero o ripetere l'immagine con Y.

Prova a cambiare l'ordine della vostra regola di fondo in modo che il colore viene prima. 

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

provare anche questo (come è stato suggerito in precedenza):

body {color: # 000000;}

Inoltre: Vorrei suggerire commentando l'altezza del div contenuti pure. E / o l'impostazione della BKG-colore del div contenuti nello stesso colore della carrozzeria. Spero che aiuti! :)

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top