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

Question

我的背景图片有问题。在所附图片中，您可以在屏幕底部看到一条 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%;
}

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

Answer 1

在 jQuery Mobile 中，body 的高度设置为 99.9%，这就是为什么您的图片没有 100% 填满页面的原因。覆盖 .ui-page 类来解决这个问题。

Demo