martedì 17 marzo 2009

CSS background image

Quando si va ad impostare un'immagine di sfondo da css e tale immagine è collocata in un altra cartella si devono inserire due punti per indicare il persorso di root (la radice del nostro sito).
Ad esempio:

body{
background-image: url('../img/sfondo.gif');
}

Già che ci sono vorrei segnalare anche l'eventuale necessità di inserire un'immagine di sfondo e contemporaneamente dare un colore di sfondo.

body{
background: #000000 url('../img/sfondo.gif');
}

Per un esempio più completo e forse utile:

body{
/*immagine di sfondo*/
background-image: url('../img/sfondo.gif');
/*non ripetere l'immagine ne in verticale ne in orizzontale*/
background-repeat: no-repeat;
/*setta il nero come colore di sfondo*/
background-color: #000000;
/*centra l'immagine*/
background-position: center;
/*Il set dell'altezza e della larghezza servono per dare un riferimento alla position*/
/*Altezza*/
height: 600px;
/*Larghezza*/
width: 800px;
}

Nessun commento: