Максимальное повторение фона в Google Chrome? - PullRequest
0 голосов
/ 03 апреля 2009

У меня странное поведение в моем блоге, только в Google Chrome. (Это CSS / браузер, ничего общего с серверным компонентом, Blogger, Wordpress и т. Д.).

Домашняя страница для него, по общему признанию, слишком длинная, и я получаю то, что фон моего основного элемента-контейнера перестает повторяться после определенной высоты, но только в Google Chrome.

Вы можете увидеть его на http://www.lejanooriente.com (предупреждение: это тяжелая страница с большим количеством картинок, загрузка требует времени)

Если вы позволите этой странице полностью загрузиться и посмотрите на нее в любом браузере и в Chrome, вы увидите, что в «любом» браузере она выглядит правильно, а в Chrome что-то явно отключено. Если вы прокрутите весь путь до самого дна, то все будет выглядеть правильно. Попробуйте прокрутить вверх, и в один прекрасный момент вы заметите, что фон "заканчивается" (примерно 30% - 40% снизу).

Согласно FireBug, элемент, имеющий фон, имеет высоту 78 472 px. Он слишком высокий, и на страницах, которые достаточно длинные, этот эффект не виден.

Как ни странно, это происходит в Chrome, но не в Safari.

Я попытался сделать фоновое изображение выше, чтобы попытаться выяснить, ограничивался ли я высотой элемента или количеством повторений фона. Изменено изображение с 30 до 90 пикселей в высоту, и обрезка точно в том же месте, так что это не так.

Есть идеи, что может происходить, или я могу что-то сделать, чтобы это исправить? (Сделать страницу менее длинной не вариант)


ОБНОВЛЕНИЕ: Сообщение об ошибке, выпуск 9661. Если кто-то может придумать какой-то обходной путь для этого, однако, это было бы замечательно.

1 Ответ

2 голосов
/ 03 апреля 2009

Это определенно ошибка Chrome, и вам просто нужно сообщить об этом и дождаться решения. Я проверил вашу страницу в Safari, который использует тот же движок, что и Chrome (Webkit), и страница работает нормально.

Мой хороший совет - не создавать такие длинные страницы, потому что это не только плохо для Chrome, но и для посетителей вашего сайта.

Для этой ошибки есть обходной путь, используя фиксированное положение фона:

#page { background: url(/images/tile_left.gif) repeat-y fixed 50% 50%; }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...