Firefox background-attachment: исправлен кошмар - PullRequest
2 голосов
/ 07 сентября 2011

Я целый день тянул свои волосы на этом, и я надеюсь, что кто-нибудь умнее меня сможет это понять.

Я работаю над новым дизайном для своего сайта, и ястолкнулся с ошибкой Firefox.Я использую background-attachment: исправлено для градиента на элементе <body>, а затем у меня полная ширина <div> с другим фоновым изображением вверху страницы.Только в Firefox есть небольшая белая рамка в верхней части страницы и по обе стороны от фона <div>.

Я пробовал как минимум полдюжины различных способов кодирования HTML иCSS, и все они дают одинаковые результаты.Кроме того, в более ранних версиях Firefox, по-видимому, нет белого разрыва (я заметил это в версии 6).Я даже сделал чистую переустановку Firefox без каких-либо дополнений, и я все еще вижу это.Любые идеи о том, что вызывает это?Мой код каким-то образом неверен?

См. Упрощенный тестовый пример здесь: http://mygemologist.com/bg-fixed-test.html

Примечание: Этот вопрос может быть связан с: Сумасшедшая проблема CSS в Firefox Only - положение исправленои цвет фона , но я не уверен в этом.

Ответы [ 2 ]

2 голосов
/ 08 сентября 2011

Доминик, см. https://bugzilla.mozilla.org/show_bug.cgi?id=677095 для этой проблемы и https://bugzilla.mozilla.org/show_bug.cgi?id=677095#c47 для возможного обходного пути.

0 голосов
/ 07 сентября 2011

Может быть, использовать изображение меньшей ширины? Кажется, у firefox есть проблемы с его рендерингом, когда при масштабировании он переходит от правильно отображенного к наличию белой рамки в 1-2 пикселя над ним.

EDIT

Когда я изменяю тело css на background-position: scroll, кажется, проблема исчезла

body {
  background: url("http://www.mygemologist.com/resources/bg-gradient.jpg") repeat-x scroll left top transparent;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...