CSS – Background al 100% della pagina

Background al 100% della pagina

Molti webmaster hanno problemi riguardo su come impostare il background nell’intera pagina e per questo noi di Land of World vi sveliamo un trucchetto e una guida su come fare.

1. Creiamo un file CSS e scriviamo come segue:

#sfondo {
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   z-index:-1;
   background: url(background.jpg) no-repeat;
   background-size: 100%;
}

dove background.jpg è un esempio di file immagine

2. Creiamo adesso un semplice DIV all’interno del BODY nella pagina HTML

<div id="sfondo"></div>

3. Salviamo i lavori e avviamo il file html. Se avete scritto bene vedremo l’immagine al 100% della pagina.