在移動設備上，如何設置網頁的背景圖片呢？
jQuery Mobile 提供了一種簡單的方法來達到這個目的。

要在網頁中添加背景圖片，需要使用 CSS 樣式表來設置。不過，jQuery Mobile 提供了一個非常便利的 CSS 類來設置網頁的背景圖片，即.ui-page類。你只需要將你的背景圖片設置為該類的背景圖片，就可以在整個網站中的每個頁面中使用它。

下面是一段示例代碼，展示了如何使用 jQuery Mobile 設置背景圖片：

/* 設置背景圖片 */
.ui-page{
background: url("background.jpg") no-repeat center center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

在上面的代碼中，我們首先選擇了.ui-page類，然后設置了背景圖片的 URL。注意，這里的 URL 是相對于 CSS 文件所在的文件夾。

接下來，我們設置了背景圖片的位置（居中對齊），并且使用了no-repeat屬性來保證圖片不會重復出現。最后，我們設置了背景圖片的大小，以便它可以填充整個屏幕。

如果你需要在網頁中使用不同的背景圖片，你可以為每個頁面添加單獨的 CSS 樣式。下面是一個示例代碼，展示了如何為一個頁面設置單獨的背景圖片：

/* 為單獨的頁面設置背景圖片 */
#page1 .ui-page{
background: url("page1-background.jpg") no-repeat center center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

在上面的代碼中，我們首先選擇了頁面的 ID（這里是#page1），然后使用了相同的 CSS 類（.ui-page）來設置背景圖片。你可以為不同的頁面設置不同的背景圖片，只需要添加相應的 CSS 樣式即可。

現在你已經知道了如何使用 jQuery Mobile 設置網頁的背景圖片了。快去試試吧！