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类来解决这个问题。

演示