CSS Mettre l'image en haut de la page

Question

J'ai besoin d'avoir une image en haut au centre d'une page web en CSS. Maintenant, Im juste en utilisant le background-image: en CSS mais cela le met au milieu de la page.

Voici mon code:

body { 
    background-image: url("theimageurlgoeshere"); //The image is 842 x 508 
    background-attachment:fixed; 
    background-position: center top; 
    background-repeat: no-repeat; 
} 

En outre, le changement background-position: semble avoir aucun effet sur les résultats du site. Toute aide est appréciée.

Answer 1

Changer l'arrangement de ces valeurs à partir center top à top center

background-position: top center; 

Testé dans Safari 4, Chrome et 3,5 FF

Le code I utilisé dans le test était:

body { background: url(./image.png) no-repeat top center; } 

Answer 2

Et si vous le voulez sur une seule ligne:

body { 
    background: url('path') center top fixed no-repeat; 
}

Plus d'informations: http://www.w3schools.com/css/pr_background-position.asp

Answer 3

Si ceci ne fonctionne pas. Ne marge: 0 auto;