Centrar una imagen de fondo

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

  •  21-09-2019
  •  | 
  •  

Pregunta

introducir descripción de la imagen aquí

Por favor, eche un vistazo a la pantalla anterior, me gustaría centrar una imagen con fondo negro, pero yo estoy haciendo algún espacio en blanco en la parte inferior. Por favor, podría alguien ayudarme a solucionar este 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>
¿Fue útil?

Solución

Trate de añadir esto: 

html,body { height:100%; }

Otros consejos

Trate de establecer height:100%; en su clase .bgimg.

Editar Es posible que también desee establecer padding:0;margin:0; a su clase .bgimg así sólo para asegurarse

.

supongo GBS-Chronicle-1.png de fondo no es lo suficientemente alta. puede agregar color de fondo a negro o repetir la imagen junto con Y.

Trate de cambiar el orden de la regla de fondo para que el color es lo primero. 

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

probar esto también (como se ha sugerido más arriba):

body {color: # 000000;}

También: Yo sugeriría comentando la altura de su contenido, así div. Y / o establecer el BKG-color de la div de contenido con el mismo color que la carrocería. ¡Espero que ayude! :)

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top