gototopgototop
 
Sei in: Home Page Tips e Tricks Mantenere lo sfondo fisso con i css

Mantenere lo sfondo fisso con i css nonostante lo scroll di pagina

Possiamo avere un simpatico effetto nella nostra pagina web, mentre facciamo lo scroll verso il basso, con pochissimo codice CSS; in pratica è come se vedessimo il nostro testo "in primo piano" rispetto allo sfondo e lo stesso rimane "bloccato" nella sua posizione; vediamo come:

<style>
body{background-image:URL(sfondo.gif);background-attachment:fixed; }
</style>

background-image:URL(sfondo.gif) è la nostra immagine gif (con relativo percorso);

background-attachment:fixed è la proprietà che "blocca" la nostra immagine di sfondo.

Questo effetto viene visualizzato anche in Internet Explorer.

© www.extrowebsite.com - Grafica, layout, articoli e guide sono di esclusiva proprietà del webmaster - Tutti i diritti riservati