Sfondo fisso che scorre!!!

[pas1000]

Salve a tutti,
ho inserito lo sfondo in una pagina con i css così:

.sfondo {
background-image: url(../immagini/COPERTINA.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}

in teoria dovrebbe mettere lo sfondo al centro ed il testo scorrere sopra. Con Crome lo fà ma con Explorer6 mette lo sfondo al centro del testo in verticale e scorre insieme al testo.

Forse che explorer non riconosce "fixed"? Cosa dovrei aggiungere?

La pagina in questione è visibile al seguente link

http://www.uglcoltivatorialtamura.it/protocollo.html

 

[borgo italia]

ciao
il fenomeno c'è anche con ie7, anzi non solo scorre ma anche sparisce.
con firefox invece funziona.

prova a mettere l'immagine di sfondo nel body

body {
background-image: url(../immagini/COPERTINA.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;

/*......altri stili necessari......*/
}

 

[pas1000]

Ora funziona in entrambi.

Grazie

 

[CamminandoScalz]

Ciao, riprendo questo topic per non aprirne uno nuovo

Il mio blog è questo
www.camminandoscalzi.it

Noto che scorrendo verso il basso lo sfondo diventa totalmente bianco e ciò non mi piace, si confonde col corpo del blog.

Come posso fare in modo di avere il gradiente fisso come è nel top della pagina? (la sensazione deve essere che solo il foglio centrale scorre)Questa cosa appesantirà il sito? Vi posto porzione del css

body
{
margin: 0 auto;
padding: 0;
background-color: #FFFEFA;
}

#art-main
{
position: relative;
width: 100%;
left: 0;
top: 0;
}





#art-page-background-simple-gradient
{
position: absolute;
background-image: url('images/Page-BgSimpleGradient.jpg');
background-repeat: repeat-x;
top:0;
width: 100%;
height: 900px;
}


Grazie mille per l'aiuto!

 

[borgo italia]

ciao, prova ad aggiungere

#art-page-background-simple-gradient
{
position: absolute;
background-image: url('images/Page-BgSimpleGradient.jpg');
background-repeat: repeat-x;
background-attachment:fixed;
top:0;
width: 100%;
height: 900px;
}

poi fammi sapere

 

[CamminandoScalz]

Accade che scorre comunque, ma senza ripetizione e, finita l'altezza dell'immagine sotto tutto bianco. Non posso farti vedere in quanto abbiamo alto traffico a quest'ora...

 

[borgo italia]

ciao
a parte il fatto che scorrendo tutto il bl in fondo non è bianco ma leggermente biege, volevo sapere se i contenuti sono dentro il div #art-page-background-simple-gradient. se è così prova a mettere l'immagine di back nel body

body
{
margin: 0 auto;
padding: 0;
background-color: #FFFEFA;
background-image: url('images/Page-BgSimpleGradient.jpg');
background-repeat: repeat-x;
background-attachment:fixed;
}

#art-page-background-simple-gradient
{
position: absolute;
top:0;
width: 100%;
height: 900px;
}

a forza di tentativi.....

 

[CamminandoScalz]

E' beige (arancio pallido direi) in quanto abbiamo cambiato il gradiente e ora c'è contrasto con il bianco della pagina.
Al momento gradiamo la soluzione.

In ogni caso proverò quello che mi hai detto per cultura personale. Ti faccio sapere e grazie mille