Фоновое изображение не отображается на iPad и iPhone ⇐ IOS

[Anonymous]

Я хочу создать на мобильной веб-странице раздел с фоном, закрывающим его, поэтому я использовал следующий код CSS:

Код: Выделить всё

#section1{
background: url("background1.png") auto 749px;
height: 749px;
}

Фон отображается правильно на Android (Chrome, Firefox...), но вообще не отображается на iPhone или iPad (Safari, Chrome iOS...) ). Я пытался установить эти свойства с помощью jQuery, когда DOM готов, но безуспешно. Я читал, что размер может быть проблемой, но размер изображения составляет около 700 КБ (1124x749 пикселей), поэтому оно должно соответствовать правилам Руководства по веб-контенту Safari. В чем проблема?

Подробнее здесь: https://stackoverflow.com/questions/189 ... and-iphone