Bezdepbonusu7Программирование: статьи и ответы

Вопрос

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

Автор вопроса: ConorОтветов: 1

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

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

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

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

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

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

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

  • Вы можете сделать снимок экрана с помощью iPad, одновременно нажав кнопки блокировки и "Домой". bookcasey 01.12.2011

cssbackgroundsafarimobile-safari

Ответы

Ответ 1 · king14nyr

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

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

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы