jquery mobile設置背景圖片與背景顏色_無需整理

想單個頁面設置背景圖片那就跟jquerymobile有關了

<div data-role="page" style="background:url(xxx.jpg) 50% 0 no-repeat;background-size:cover">這表示jqm的一個單頁標籤</div>

全部頁面都一個背景那就
<style>
body{background:url(xxx.jpg) 50% 0 no-repeat;background-size:cover}
</style>
須要瞭解下面2個屬性 關於背景的問題：
background-size:cover;背景鋪滿元素,調整背景圖片的寬度或高度（較小者），以鋪滿整個元素
保持背景圖片的寬高比


background-size:contain;
元素包含整個背景圖片,調整背景圖片的寬度或高度（較大者），使背景圖片徹底包含在元素中
保持背景圖片的寬高比,背景鋪滿元素
追問

頁面上的控件都在圖片下面，沒法顯示
回答

什麼控件？控件若是加了背景色那確定會擋住後面的背景圖片啊。你若是用的默認的那個theme a那就加句這個：由於原先的樣式他加了個背景色background-color: #f9f9f9;把他覆蓋或者去掉就能看到body上設置的背景圖片了
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{background:url(xxx.jpg) 50% 0 no-repeat;}