Comment centrer une image (d'arrière-plan) dans un div ?

Question

Est-il possible de centrer une image de fond dans un div ? J'ai essayé à peu près tout, mais sans succès :

<div id="doit">
  Lorem Ipsum ...
</div>

//CSS
#doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; }

Est-ce possible ?

Answer 1

#doit {
    background: url(url) no-repeat center;
}

Answer 2

Essayez background-position:center;

EDIT : puisque cette question fait l'objet de nombreuses consultations, il est utile d'ajouter quelques informations supplémentaires :

text-align: center ne fonctionnera pas car l'image d'arrière-plan ne fait pas partie du document et ne fait donc pas partie du flux.

background-position:center est un raccourci pour background-position: center center ; ( background-position: horizontal vertical ) ;

Answer 3

Utiliser la position de l'arrière-plan :

background-position: 50% 50%;

Answer 4

Cela fonctionne pour moi :

#doit{
    background-image: url('images/pic.png');
    background-repeat: no-repeat;
    background-position: center;  
}

Answer 5

     background-position: center;

cela fait apparaître le contenu central de l'image dans le port d'affichage de la division. Que faire si mon div est plus grand (plus large que le sprite) et que je veux que l'image vienne au centre du div (horizontalement) ?