CSS Поместите изображение вверху страницы

Question

Мне нужно изображение в центре веб-страницы в css. Теперь я просто использую background-image: в css, но это помещает его в середину страницы.

Вот мой код:

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

Кроме того, изменение background-position:, похоже, не влияет на исход сайта. Любая помощь приветствуется.

Answer 1

Измените расположение этих значений с center top на top center

background-position: top center;

Протестировано в Safari 4, Chrome и FF 3.5

Код, который я использовал при тестировании:

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

Answer 2

А если вы хотите, чтобы это было в одной строке:

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

Подробнее: http://www.w3schools.com/css/pr_background-position.asp

Answer 3

Если это не работает. У маржи: 0 авто;