Как я могу получить повторяющиеся фоны, чтобы сместить правильную позицию в Firefox? - PullRequest
Новая
       1

Как я могу получить повторяющиеся фоны, чтобы сместить правильную позицию в Firefox?

1 голос
/ 27 января 2012

Я работаю над сайтом в http://simplyclassicremodeling.com. Текст и фоновые изображения размещаются по желанию для Chrome; У IE есть отдельная проблема Я спрашивал о другом месте , но в Firefox фоновые изображения находятся не в том месте, где они должны быть (текст там, где он должен быть, но фоновые изображения для тела и заголовка влево и выше их предполагаемого положения соответственно).

Как я могу сказать Firefox поместить фоны в то же место, что и Chrome?

1 Ответ

2 голосов
/ 27 января 2012

Firefox, кажется, не интерпретирует background-position-x и background-position-y правильно, не знаю, правильно это или нет согласно спецификации. Просто используйте background-position, как и следовало ожидать, вот так: 

body {
    background-image: url("/img/side_border.png");
    background-repeat: repeat-y;
    background-position: 240px 0;
    font-family: 'Macondo Swash Caps', cursive;
    font-size: larger;
    overflow-x: hidden;
}

header {
    background-image: url("/img/top_border.png");
    background-position: 0 160px;
    background-repeat: repeat-x;
    height: 200px;
    padding-left: 310px;
    width: 100%;
}

Это работало для 8.0.1, когда я редактировал изменения через Firebug.

...