English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'elemento proprietà background-image del CSS imposta l'immagine di sfondo. Di solito si utilizza la abbreviazione di brevi scrittura.SfondoProprietà più comode.
La tabella seguente riassume l'uso contestuale e la cronologia delle versioni di questa proprietà.
| Valore predefinito: | none |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | No |
| Animabile: | No.Si prega di consultare Proprietà animazione。 |
| Versione： | CSS 1, 2, 3 |
| Sintassi JavaScript: | object object.style.backgroundImage="url(image.gif)" |
La sintassi di questa proprietà è la seguente：
background-image: url | none | initial | inherit
L'esempio seguente dimostra come utilizzare l'attributo background-image.
body {background-image: url("images/pattern.jpg");}Prova a vedere‹/›Attenzione： Internet Explorer 8 e versioni precedenti non supportano più di una immagine di sfondo per un singolo elemento.
La tabella seguente descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| url | Percorso della posizione della risorsa dell'immagine di sfondo utilizzata come immagine di sfondo. |
| none | Valore predefinito. Se specificato, non verrà visualizzata l'immagine di sfondo. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore calcolato dell'attributo background-image del suo elemento padre. |
Compatibilità dei browser per l'attributo background-image, tutti i browser mainstream supportano questa proprietà.
|
Si prega di consultare la seguente guida：CSS sfondo，CSS3 sfondo。
Proprietà correlate：background，background-attachment，background-color，background-clip，background-origin，background-position，background-repeat，background-size。