jQuery Mobile 是一個基于 jQuery 的移動 Web 應用框架,它提供了易于使用的 UI 組件和主題管理器,幫助開發者快速構建出美觀和易用的移動應用程序。其中,背景設置是 jQuery Mobile 的一個重要功能之一,能夠讓應用程序的界面更加生動和豐富。
// 設置背景圖片 .ui-page { background-image: url("background.jpg"); /* 讓背景圖片自適應屏幕寬度和高度并居中 */ background-size: cover; background-position: center center; } // 設置背景顏色 .ui-page { background-color: #f4f4f4; }
以上是 jQuery Mobile 中設置背景圖片和顏色的代碼示例。通過設置 .ui-page 元素的 background-image 屬性,我們可以輕松地將一張圖片作為頁面的背景。同時,通過設置 background-size 和 background-position 屬性,可以讓背景圖片自適應屏幕,并居中顯示。
另外,我們也可以通過設置 .ui-page 元素的 background-color 屬性來設置頁面的背景顏色,使得應用程序的整體色調更加統一。