.ui-background background image jQuery Mobile 1.4.3

Question

У меня есть полное фоновое изображение страницы моей индексной страницы. (PS: У меня есть несколько страниц в одной index.html - странице индекса, странице, странице служб и т. Д.). Я хочу, чтобы это изображение отображалось только на индексной странице. Остальные страницы должны иметь белый фон.

Это мой CSS код:

.ui-page, #index .ui-content{ 
background: url(../images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
background-size:100% 100%; 
} 

Проблема у меня есть, на других страницах, если содержание коротко, фоновое изображение из .ui-страницы видно. Как назначить только страницу .ui-страницы на index.html?

Answer 1

Добавить страницу идентификатор страницы, которые должны иметь предысторию правило CSS:

#page1.ui-page{ 
    background: url(http://lorempixel.com/1800/1800/abstract/2/) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    background-size:100% 100%; 
} 

DEMO

В демо page1 имеет фон и страница2 не ,