2013-07-15 5 views
7

Sto sviluppando una app cordova e sto cercando di ottenere uno sfondo fisso. Sfortunatamente, non sembra funzionare, e ogni volta che scorro verso il basso lo sfondo va semplicemente fuori dalla parte superiore della pagina. Ecco il CSS che sto usando per fare questo (e ho provato diversi altri modi):Sfondo-allegato: risolto non funziona su Android/mobile

html { 
    width:100%; 
    height: 100%; 
    background-color:#000000; 
    background-image:url('../img/bg_reader.jpg'); 
    /*background-repeat:no-repeat; 
    background-attachment: fixed; 
    background-position: center;*/ 
    background-size: 100% 100%; 
} 

Non importa cosa, sullo sfondo scorre fuori dalla parte superiore dello schermo, quando ho scorrere verso il basso, come se il fisso la proprietà non è stata impostata.

risposta

18

Hai provato questo?

 

    html, body { 
     height: 100%; 
    } 
    html { 
     overflow-y: hidden; 
    } 
    body { 
     overflow-y: scroll; 
     background-color:#000000; 
     background-image:url('../img/bg_reader.jpg'); 
    } 

+0

bello. aggiunge una barra di scorrimento quando non è necessario (forse solo nel mio caso, non è sicuro), ma a parte questo funziona. Ho aggiunto 'background-size: cover;' per rappresentare schermate molto grandi e verticali. – jozxyqk

+1

Amico, NON ho pensato che avrei trovato una soluzione per questo problema; grazie mille –

+0

Bella correzione ma la barra di scorrimento visibile in ogni momento è un rompicapo per me. – benallansmith