jquery移动网站底部有一个灰色的条

Question

我正在构建一个移动版本的网站。我已经想好了大部分内容，但在屏幕底部仍然有一个20像素的灰色条，我似乎无法设计它的样式。

我只想把灰色条做成白色。

我尝试过用{background:#fff！important；}设置#content、#footer、页眉、页脚、正文的样式，但都不起作用。

如果我把*{background:#fff！important；}放进去，它会起作用，但它也会把其他所有背景图像的CSS都改成白色。

我相信有一种更简单的方法可以做，有什么建议吗？

示例：http://2ndsky.org/chatime_m/index.html

Answer 1

接@Davor:的上述评论

尝试这样覆盖。.ui-body-c，.ui-overlay-c{背景颜色：白色；背景图像：无；}

请重新检查我的css语法。

Answer 2

使用firebug我发现这是导致底部灰色的原因。

.ui-body-c, .ui-overlay-c {
    background: linear-gradient(#F9F9F9, #EEEEEE) repeat scroll 0 0 #F9F9F9;
    border: 1px solid #AAAAAA;
    color: #FF0000;
    text-shadow: 0 1px 0 #FFFFFF;
}