Как установить пользовательский фон с помощью CSS/HTML5 JQueryMobile

Question

У меня возникла проблема с настройкой пользовательского фона в приложениях для jquerymobile для Android. Проблема заключается в том, что я добавляю панель на страницу. в основном я просто использую этот код css ниже.

.ui-page { background-image: url(images/bg.jpg); -webkit-backface-visibility: hidden; } 

установить мой Backround, но после того, как я поставил код ниже

<div data-role="page"> 

<div data-role="panel" id="mypanel"> 
<!-- panel content goes here --> 
</div><!-- /panel --> 

<!-- header --> 
<!-- content --> 
<!-- footer --> 

Фоновый пустым, может кто-то пожалуйста, помогите мне.

Answer 1

Используйте это:

.ui-page, .ui-content { 
    background-image: url(images/bg.jpg) !important; 
    -webkit-backface-visibility: hidden !important; 
} 

При переопределении Jquery по умолчанию мобильных классов, которые вы должны переопределить его значение!. Без него jQuery Mobile будет просто использовать значения по умолчанию.