CSS proprietà background-image
Esempi
Sfondo elemento del corpo immagine:
{
background-image:url('paper.gif');
background-color:#cccccc;
}
Prova »
le definizioni e le istruzioni tag
proprietà background-image imposta l'immagine di sfondo di un elemento.
La dimensione totale degli elementi di sfondo dell'elemento, tra imbottitura e di confine (esclusi i margini).
Per impostazione predefinita, background-image è posizionato nell'angolo in alto a sinistra dell'elemento, e ripetere verticalmente e orizzontalmente.
predefinito: | nessuno |
---|---|
ereditarietà: | no |
versione: | CSS1 |
sintassi JavaScript: | object object.style.backgroundImage = "url (stars.gif)" |
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- fa a sostegno del prefisso attribuiscono primo numero di versione del browser.
Property | |||||
---|---|---|---|---|---|
background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Si noti che IE8 e browser precedenti non supportano più immagini di sfondo su un elemento
Si noti che IE7 e versioni precedenti non supportano il valore "ereditare".IE8 necessario definire! DOCTYPE. IE9 supporta il "eredità".
Suggerimenti e Note
Suggerimento: Assicurarsi di impostare il colore di sfondo, se l'immagine non è disponibile, verrà utilizzato.
Proprietà Valore
valore | spiegazione |
---|---|
url( 'URL') | URL dell'immagine |
nessuno | Non viene visualizzata alcuna immagine di sfondo. Questa è l'impostazione predefinita |
ereditare | Specificare un'immagine di sfondo deve essere ereditata dall'elemento genitore |
Esempi online
immagini di sfondo multiple
Questo esempio dimostra le molteplici immagini di sfondo del documento.
articoli correlati
CSS tutorial: Sfondo CSS
CSS3 tutorial: CSS3 Backgrounds