jquery - Phonegap jQuery Mobile 背景 CSS 问题 - 屏幕底部 1px

Question

我的背景图片有问题。在附图中，您可以在屏幕底部看到一条 1 像素的线，背景已重复。我希望背景填满整个屏幕。

我的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%;
}

无论我以什么分辨率查看它，这条线仍然存在。对于如何解决这个问题，有任何的建议吗？

Answer 1

在 jQuery Mobile 中，body 的高度设置为 99.9%，这就是您的图像无法 100% 填充页面的原因。重写 .ui-page 类来解决此问题。

Demo