如何防止頁面背景圖像在jQuery Mobile 1.4.0中伸縮？

在我的jQuery手機1.4.0應用程序，我有一個頁面，其中包含一個列表視圖問題是，當我爲這個頁面添加一個背景圖像，因爲列表元素變得越來越大，隨着背景拉伸與內容和這個apears顯然在移動設備上超過jsFiddle，這是我的jsfiddle。如何防止頁面背景圖像在jQuery Mobile 1.4.0中伸縮？

如何使背景圖像成爲全屏並固定，而不是與內容拉伸？請幫我..

在這裏，我如何添加背景圖片到我的網頁：

#EmPListPage{ 
    background-image: url('http://images2.layoutsparks.com/1/218610/just-ducky-dots- pinky.gif') !important; 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
} 

#PageContent{ 

    background: transparent ;  
}

來源

2014-02-28 user

添加背景圖片本身的頁面優於內容DIV或任何其他股利。 – Omar

@OmarI我已經將頁面背景圖片添加到頁面檢查jsfiddle，這個#EmPListPage：是我的頁面ID – user

@OmarDo你對這個問題有什麼想法嗎？我怎樣才能解決它，請你能幫助我嗎？ – user

你會想背景圖片添加到文檔body，而不是你的div容器。在小提琴使用你的CSS：

body { 
    background-image: url('http://images2.layoutsparks.com/1/218610/just-ducky-dots-pinky.gif') !important; 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
} 

#EmPListPage, #PageContent{  
    background: transparent ;  
}

小提琴：http://jsfiddle.net/chucknelson/6zKJg/

來源

2014-02-28 18:13:51 chucknelson

我已經嘗試過，但它根本無法在jQuery移動1.4.0的背景圖像沒有出現 – user

@user不知道如果你在問題的評論中解決了它，但我添加了一個小提琴（基於你的最新版本）來證明這個答案似乎在正常情況下工作。也許在你的實際代碼中有獨特的問題，不確定。 – chucknelson

在我的情況的解決方案是使用contain，像這樣：

.ui-page { 
    background: #000; 
    background-image: url("http://bettingmasters.info/wp-content/uploads/2013/11/19757-football-stadium-1920x1200-sport-wallpaper.jpg"); 
    background-size: contain; 
}

來源

2015-09-05 22:43:00 gsamaras

如何防止頁面背景圖像在jQuery Mobile 1.4.0中伸縮？

回答

相關問題