Sfondo fisso su pagina html

Attraverso la parola chiave fixed. Da notare che gli sfondi fissi sono supportati per Internet Explorer solo se applicati al body. Questa regola ad esempio aggiunge un immagine fissa a fondo pagina che si ripete orizzontalmente:
body{background: #7A515A url(gradient.jpg) fixed repeat-x bottom}


-------------------


Ecco un semplice trucco, ottenuto con i CSS, per far si che quando scrolliamo una pagina web, sia con Internet Explorer che con Netscape (versione 6), lo sfondo rimanga fisso. Utile per immagini che occupano l'intera pagina o che comunque rimangano al centro.
Se per esempio abbiamo il logo del nostro sito come sfondo... possiamo lasciarlo lì, in modo fisso, senza più muoverlo, nemmeno durante lo scrolling.
Ecco il codice
Visualizza il codice

Stampa?
1. <style>
2. body { background-image:URL(immagine.gif);
3. background-attachment:fixed; }
4. </style>
da inserire tra i tag HEAD.
Al posto di immagine.gif inseriamo il nome del nostro sfondo e l'effetto è riuscito!


Molti blog e siti utilizzano una particolare proprietà del CSS che permette di inserire uno sfondo fisso. In questo modo, l'immagine compare dietro alla pagina e rimane fissa, senza spostarsi durante la lettura dei vari articoli.

Per utilizzare questa funzione basta aggiungere un paio di righe al CSS della parte body del sito o blog.
Più precisamente il codice da usare è questo e va inserito subito dopo "body {":

background-image: url( url dell'immagine );
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;