Souhaitez positionner l'image d'arrière-plan dans le milieu

Bonjour sur ma page de connexion, j'ai une image de fond. Actuellement, l'image est centrée, mais pas centré comme je le veux. Je le veux tellement l'image est toujours centré au milieu de l'écran. Actuellement, mon image est centrée mais est positionné en haut de la page. L'image a besoin d'être placée dans le milieu de l'écran, et maintenu centré.

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

OriginalL'auteur Shehzad009 | 2011-10-03

  1. 10

    peut-être que vous avez d'écrire comme ceci :

    background-position: center center;

    EDIT:

    peut-être là le problème avec le body parce qu'elle ne prend écran toute la height donc, si vous voulez une image à afficher dans le centre de l'écran puis écrire 

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

    vérifier l'exemple http://jsfiddle.net/sandeep/m2fZs/2/

    @sandeep Nan, regarde comme il fait encore la même chose. (centré, mais positionné en haut de la page)
    pouvez-vous showa un exemple dans jsfiddle.net
    Serait-ce peut-être vous aider: css-tricks.com/3458-perfect-full-page-background-image ?
    @Andrej: Non, je ne veux pas que mon image soit étirée. Je veux juste cette image de fond pour être positionné au centre de l'écran. Actuellement, il est centerd en haut de l'écran. Je veux qu'il soit centré pour à la fois verticalement et horizontalement
    vérifier mon dernier exemple peut être celui que vous voulez

    OriginalL'auteur sandeep

  2. 1

    Au lieu de continuer à poster des commentaires, j'ai pensé qu'il peut être plus intelligent de créer un nouvel élément de réponse.

    Serait quelque chose comme cette démo travail pour vous? (remplacer "fixe" avec de défilement , si vous voulez l'img pour défiler vers le haut et vers le bas de la page)

    OriginalL'auteur r0skar

  3. 0

    essayer comme ça:

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

    cela devrait fonctionner!

    OriginalL'auteur Sonic656