Tutorial – l’immagine di sfondo

In qesta guida spiegheremo alcuni modi per settare un’immagine di sfondo per il proprio sito

Colore unico :molto usato nelle realizzazioni standard

[css]body {
background-color: #0033FF;[/css]

Pattern: consigliato in quanto leggero e volece nel caricamento

[css]body {
background-image: url(file:///C|/Users/patterns.gif);
background-repeat: repeat;[/css]

Sfumatura verticale

[css]body {
background-image: url(file:///C|/Users/sfumatura.jpg);
background-repeat: repeat-x;
background-color: #333366;[/css]

Sfumatura orizzontale

[css]body {
background-image: url(file:///C|/Users/sfumatura.jpg);
background-repeat: repeat-y;
background-color: #333366;[/css]

Immagine fissa : sconsigliate per le connessioni lente

[css]body {
background-image: url(file:///C|/Users/immagine.jpg);
background-attachment:fixed;[/css]

CSS3 GRADIENTE

background: #feffe8; /* inseriamo questo sfondo fisso per i vecchi browser */
background: -moz-linear-gradient(top, #feffe8 0%, #d6dbbf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffe8), color-stop(100%,#d6dbbf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* IE10+ */
background: linear-gradient(to bottom, #feffe8 0%,#d6dbbf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */