Фоновое изображение не центрировано в Firefox7 для Windows - PullRequest
Новая
       23

Фоновое изображение не центрировано в Firefox7 для Windows

1 голос
/ 22 декабря 2011

При использовании Browserlab создается впечатление, что фоновое изображение не центрировано в Firefox7 для Windows на этом сайте: http://carolineelisa.com/wp/boy/

Используемый мной CSS-файл приведен ниже, как и скриншот.

Любые идеи, как я могу это исправить?

Спасибо!

CSS: 

html {
    background: url(images/background.jpg) no-repeat top center #0f0c0b;
}

enter image description here

Ответы [ 2 ]

0 голосов
/ 22 декабря 2011

Фон html-страницы продолжает центрироваться, даже если размер браузера равен < 980px, но контейнер выравнивается по левому краю области просмотра, если размер меньше.

Теперь, чтобы решить вашу проблему, вы должны выровнять фон html по левому и верхнему краям, если ширина меньше 980 пикселей. Итак, с некоторым отзывчивым CSS: 

@media screen and (max-width: 980px) {
    html{
      background-position: left top;
    }
}

Попробуйте это?

0 голосов
/ 22 декабря 2011

Первое значение для позиции - горизонтальное значение, второе - вертикаль.Так что поменяйте местами top и center: 

background: url(images/background.jpg) no-repeat center top #0f0c0b;

Ссылка на стандарты: http://www.w3.org/TR/css3-background/#ltbg-positiongt

...