Jquery Mobile один и тот же фон в одном файле с несколькими <div data role = page>

Question

Я сделал мобильную страницу jquery с несколькими data-role=page div для навигации по странице.

Проблема в том, что мне нужно сохранить ту же фоновую картинку, которая не обновляется и не перемещается при навигации по странице.

Есть ли способ сделать это?

Answer 1

Вы можете удалить фон по умолчанию из элементов псевдостраницы, а затем добавить свой собственный фон в body элемент. Это можно сделать с помощью CSS:

.ui-mobile .ui-page {
    background : transparent;
}
body {
    background : url(...);
}

Вот демоверсия: http://jsfiddle.net/jasper/feZJ7/2/

Это будет применять один и тот же фон для всех страниц. Вы можете просто нацелиться на .ui-mobile .ui-page элементы с CSS, чтобы изменить их фон соответственно.