Settare correttamente l'immagine di background per tutti i dispositivi

[fanny983]

Ciao ragazzi,
ho modificato il css del template che sto usando in questo modo



.background {
[/size]  background:url(../images/background.jpg)no-repeat fixed;
[/size]  -webkit-background-size: cover;
[/size]  -moz-background-size: cover;
[/size]  -o-background-size: cover;
[/size]  background-size: cover;}


La classe 'background' viene applicata nel tag body di index.php, quindi il mio obiettivo è quello di inserire un'immagine di sfondo al mio sito.
Su pc il risultato è perfetto, mentre se il sito lo visito da tablet o smartphone il risultato è pessimo.


PC: vedo l'immagine nella sua interezza e scrollando giù nella pagina, scrolla anche l'immagine
TABLET: vedo solo porzione dell'immagine e non c'è più lo scroll della pagina


Vi allego uno screenshot visto da pc e uno visto da tablet..mi date una mano a capire dove sbaglio? Grazie



[allegato eliminato automaticamente dopo un anno]

[conti1]

ciao
io userei una slider responsive poi  vedi tu ,
in alternativa puoi creearti un div appena dopo il body

<div id="tuodiv"></div>

e inserire il css in quato modo

Codice: [Seleziona]

#tuodiv {
width: 100%;
height: 100%;
top: 0; left: 0;
background: url(tuaimmagine/bg.jpg) no-repeat center top; position: fixed; z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
se usi il body come div devi dare  width e height 100%