CODEWITHSUNDEEP
csscordovabackground
Ajouve
Ajouve

Reputation: 10089

Background fixed phonegap

I have a problem with my background on Phonegap

I'm also using JQuery mobile

this is my css code witch generate the background

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

When I scroll in the page my background stay at the top and but the part where my background isn't fetch stay white and I can't understand why

Thanks for your help

Upvotes: 1

Views: 1509

Answers (1)

Linus Caldwell
Linus Caldwell

Reputation: 11058

Remove the !important from your style. This overrides your background-color. Just use

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

Upvotes: 1

Related Questions