Хотите расположить фоновое изображение посередине - PullRequest
Новая
       22

Хотите расположить фоновое изображение посередине

5 голосов
/ 03 октября 2011

Здравствуйте, на моей странице входа у меня есть фоновое изображение.В настоящее время изображение центрировано, но не центрировано так, как я хочу.Я хочу, чтобы изображение было всегда по центру экрана .Конечно, мое изображение находится по центру, но расположено вверху страницы.Изображение должно быть расположено посередине экрана и центрировано. 

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

Ответы [ 3 ]

10 голосов
/ 03 октября 2011

может быть, у вас есть напишите так: 

background-position: center center;

EDIT:

может быть проблема с body, потому что он не занимает весь экран height, поэтому, если вы хотите, чтобы изображение отображалось в центре экрана, напишите 

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

посмотрите пример http://jsfiddle.net/sandeep/m2fZs/2/

1 голос
/ 03 октября 2011

Вместо того, чтобы продолжать оставлять комментарии, я подумал, что было бы разумнее создать новый ответ.

Будет ли что-то вроде этой демоверсии работать на вас? (замените 'fixed' на 'scroll', если вы хотите, чтобы img прокручивал страницу вверх и вниз)

0 голосов
/ 08 июля 2013

попробуйте так: 

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

это должно работать!

...