Question

我正在构建一个网站的移动版本。我已经找到了大部分的东西，但仍然在屏幕的底部有一个20px的灰色条，我似乎没有风格。

我只想把灰色条纹变成白色。

我尝试使用{background：#fff！important;}来设置样式＃content，＃footer，header，footer，body，它们都不起作用。

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

我确信有更简单的方法可以做任何建议吗？

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

Answer 1

使用萤火虫我发现这是灰底部分。

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

Answer 2

继续上述@Davor的评论：

尝试像这样覆盖。 .ui-body-c，.ui-overlay-c { 背景颜色：白色; background-image：none; }

请重新检查我的CSS的语法。

jquery移动网站底部是一个灰色栏

2 个答案: