Quiere colocar la imagen de fondo en el medio

Hola en mi página de inicio de sesión Tengo una imagen de fondo. Actualmente, la imagen está centrada pero no centrada como yo quiero. Lo quiero para que la imagen sea siempre centrada en el medio de la pantalla. Curadamente, mi imagen está centrada pero se encuentra en la parte superior de la página. La imagen debe colocarse en el medio de la pantalla y mantenerse centrada.Quiere colocar la imagen de fondo en el medio

login.html 
<body style="background-image: url({{MEDIA_URL}}/admin_media/img/admin/bigstock_Photo_Showing_Financial_Growth_1339836.jpg); background-position: 50% 50%; background-repeat:no-repeat;">

Fuente

2011-10-03 Shehzad009

puede ser usted tiene escribir así:

background-position: center center;

EDIT:

puede estar allí problema con el body porque no toma toda la pantalla height así que si quieres un espectáculo de imagen en el centro de la pantalla luego escriba

html,body{height:100%;} 
body{ 
    background:url(http://www.poster.net/van-gogh-vincent/van-gogh-vincent-sternennacht-2601013.jpg) no-repeat fixed center center; 
}

che ck el ejemplo http://jsfiddle.net/sandeep/m2fZs/2/

Fuente

2011-10-03 10:11:56 sandeep

'@ sandeep' No, parece que todavía hace lo mismo. (centrado pero ubicado en la parte superior de la página) – Shehzad009

¿Puedes mostrar un ejemplo en http://jsfiddle.net/ – sandeep

@ Shehzad009: ¿Te puede ayudar esto ?: http://css-tricks.com/3458-perfect- full-page-background-image /? – Andrej

En lugar de continuar publicando comentarios, pensé que sería más inteligente crear una nueva respuesta.

¿Le gustaría algo así como this demo? (Reemplace 'fijo' con 'scroll', si desea que el IMG para desplazarse hacia arriba y hacia abajo con la página)

Fuente

2011-10-03 10:52:48 Andrej

tratan de esta manera:

#element { 
    background-attachment:fixed; 
    background-position:center; 
}

esto debería funcionar!

Fuente

2013-07-08 16:07:41 Sonic656

Quiere colocar la imagen de fondo en el medio

Respuesta

Cuestiones relacionadas