背景固定的phonegap

时间:2013-04-04 23:08:36

标签: css cordova background

我的Phonegap背景有问题

我也在使用JQuery mobile

这是我的css代码生成背景

html, body {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
} 

.ui-page{
    top: 0px;
    left: 0px;
    background: url('../img/bg.jpg') 0 0 no-repeat fixed !important;
    background-size: auto 100%;
    height: 100%;
    width: 100%;
    font-family: MankSans;
    background-position:fixed;
    background-color:#102a3e;
}

当我在页面中滚动时,我的背景停留在顶部,但是我的背景未获取的部分保持白色,我无法理解为什么

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

从你的风格中删除!important。这会覆盖您的background-color。只需使用

.ui-page {
    background: #102a3e url('../img/bg.jpg') 0 0 no-repeat fixed;
}