Phonegap jQuery手機背景CSS問題 - 屏幕底部1px

我遇到了背景圖片的問題。在附加的圖像中，您可以在背景重複的屏幕底部看到1px線。我想讓背景填滿整個屏幕。Phonegap jQuery手機背景CSS問題 - 屏幕底部1px

我的CSS：

body { 
    background: url(../img/bg-large.png) top center !important; 
    background-attachment: fixed; 
    background-size: auto 100% !important; 
    overflow: hidden; 
    text-shadow: none; 
    padding: 0; 
    font-family: 'Open Sans Condensed'; 
    width: 100%; 
    font-size: 100%; 
}

它似乎沒有什麼事我分辨率查看時，該行仍然存在。對於如何解決這個問題，有任何的建議嗎？ Background

來源

2013-07-08 user1061045

嘗試重寫'的.ui-page' http://jsfiddle.net/Palestinian/Pv8Sn/ – Omar

你確定它是不是圖像本身？或者你是否放入了邊距：0px;填充：0像素;和border：0px; – Keith

最有可能來自.ui-page奧馬爾上面所說的。 – imaginethepoet

在jQuery Mobile的

，body的高度設置爲99.9%，這就是爲什麼你的形象不填充頁面100％。重寫.ui-page類來解決此問題。

Demo

來源

2013-07-08 16:16:33 Omar

Phonegap jQuery手機背景CSS問題 - 屏幕底部1px

回答

相關問題