jquery mobile site 底部有一个灰色条答案

【问题标题】：jquery mobile site a gray bar at the bottomjquery mobile site 底部有一个灰色条
【发布时间】：2013-08-29 15:50:51
【问题描述】：

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

我只想让灰色条变白。

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

如果我输入 * {background:#fff !important;} 它会起作用，但它也会将所有其他背景图像 CSS 更改为白色。

我确定有更简单的方法，有什么建议吗？

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

【问题讨论】：

标签： jquery css mobile

【解决方案1】：

接上@Davor 的评论：

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

请重新检查我的 CSS 语法。

【讨论】：

在每个后面添加了 !important，现在它们已经消失了！

【解决方案2】：

使用萤火虫我发现这是导致灰色底部。

.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;
}

【讨论】：