Глюк с фоновым изображением

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

Страница отображается нормально в большинстве браузеров, но на ipad/safari этот браузер представляет полное фоновое изображение в видимой области, а не только исходное разрешение фонового изображения, как у основных браузеров.

Важно сохранить фон изображения и позволить ему прокручиваться вниз, так как некоторые страницы на этом сайте будут длинными. Любые идеи будут очень оценены!

Заранее спасибо!

Предварительный просмотр макета страницы: http://websiteworkpreview.com/test/index_test.html

Домашняя страница - index.html (для справки). Домашняя страница использует другое изображение bg. Там нет проблем...!

Скриншот фона с ошибкой в ​​Safari на iPad: http://websiteworkpreview.com/test/2.JPG


css background safari mobile-safari
person Conor    schedule 01.12.2011    source источник
comment
Вы можете сделать снимок экрана с помощью iPad, одновременно нажав кнопки блокировки и «Домой».   -  person bookcasey    schedule 01.12.2011

Ответы (1)


arrow_upward
0
arrow_downward

У мобильного Safari были некоторые проблемы с размером изображения и некоторыми известными ограничениями. Взгляните на обсуждение по ссылке ниже. Он показывает пример, очень похожий на ваш, где изображение обрезается по вертикали, и некоторые характеристики ограничений. Несмотря на то, что это ссылка с использованием iPhone, это, конечно же, повлияет и на iPad, поскольку оба используют Mobile Safari.

http://www.defusion.org.uk/archives/2010/02/19/shrinking-large-background-image-bug-in-iphone-safari/

person king14nyr    schedule 01.12.2011
comment
Спасибо - очень признателен! - person Conor; 02.12.2011