Desidera posizionare l'immagine di sfondo nel mezzo

Salve sulla mia pagina di login ho un'immagine di sfondo. Attualmente l'immagine è centrata ma non centrata nel modo in cui la voglio. Lo voglio in modo che l'immagine sia sempre centrata nel mezzo dello schermo. Curatamente, la mia immagine è centrata ma è posizionata nella parte superiore della pagina. L'immagine deve essere posizionata al centro dello schermo e mantenuta al centro.Desidera posizionare l'immagine di sfondo nel mezzo

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;">

fonte

2011-10-03 Shehzad009

può essere avete scrivere in questo modo:

background-position: center center;

EDIT:

potrebbe esserci un problema con l'body perché non ci vuole schermo intero height quindi se si desidera uno spettacolo di immagini in il centro dello schermo quindi scrivere

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 l'esempio http://jsfiddle.net/sandeep/m2fZs/2/

fonte

2011-10-03 10:11:56 sandeep

'@ sandeep' No, sembra che faccia ancora la stessa cosa. (centrato ma posizionato nella parte superiore della pagina) – Shehzad009

puoi mostrare un esempio in http://jsfiddle.net/ – sandeep

@ Shehzad009: questo forse ti può aiutare: http://css-tricks.com/3458-perfetto- full-page-background-image /? – Andrej

Invece di continuare a postare commenti, ho pensato che sarebbe stato più intelligente creare una nuova risposta.

Qualcosa come this demo funzionerà per voi? (Sostituire 'fisso' con 'scroll', se si desidera che l'IMG per scorrere su e giù con la pagina)

fonte

2011-10-03 10:52:48 Andrej

provare in questo modo:

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

questo dovrebbe funzionare!

fonte

2013-07-08 16:07:41 Sonic656

Desidera posizionare l'immagine di sfondo nel mezzo

risposta

Problemi correlati