Фоновое изображение jQuery Mobile не отображается в полноэкранном веб-приложении iPad

Я установил фон для data-role = & quot; page & quot; элемент вроде так

<div data-role="page" style="background: transparent url('img/background.jpg') no-repeat;" >

Он отлично работает в браузере настольного компьютера и в браузере iPad Safari.

Проблема, с которой я сталкиваюсь, заключается в том, что когда вы добавляете веб-сайт на домашний экран в качестве «приложения»; и это полноэкранное веб-приложение. Это не показывает фон ...

Я попытался установить его с помощью таблицы стилей и встроенного, и оба способа дают мне одну и ту же проблему.

У меня совершенно нет идей относительно того, почему это не сработает.

Любые идеи с благодарностью.

Ответы на вопрос(5)

Создайте класс CSS и завершите каждый атрибут!important перешагнуть рамки CSS. Вот почему он работает только inline

В вашем файле CSS:

[data-role=page] {
    background: transparent url('img/background.jpg') no-repeat;
}

Примените это к элементу:

.#target-element {
    background : transparent url(YOUR_URL) 0 0 no-repeat fixed !important;
    background-size : cover;
}​
Решение Вопроса

В конце концов это то, что сработало для меня.

<div data-role="page" id="home" style="background: #000000 
    url('img/background.jpg') repeat;">

не будет работать через CSS-файл.

Попробуй с этим

<style type="text/css">
.ui-page 
{

    background-image: url("img1.jpg");
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: 100%;
}
</style>

Ваш ответ на вопрос