English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo background-attachment di CSS definisce se l'immagine di sfondo scorre con il documento o rimane fissa nell'area di visualizzazione.
La tabella sottostante riassume l'ambito di utilizzo e la cronologia delle versioni di questa proprietà
| Valore predefinito: | scroll |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditabile: | No |
| Animabile: | No.Vedere anche Proprietà animazione. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | object object.style.backgroundAttachment="fixed" |
La sintassi di questa proprietà è la seguente:
background-attachment: scroll | fixed | initial | inherit
Ecco un esempio di come utilizzare la proprietà background-attachment.
body { background-image: url("images/recycle.jpg");background-attachment: fixed;}Prova a vedere‹/›La tabella seguente descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| scroll | Valore predefinito. L'immagine di sfondo rimane fissa rispetto all'elemento stesso e scorre insieme all'elemento nel viewport. |
| fixed | L'immagine di sfondo è fissa rispetto al viewport e non si muove insieme all'elemento. |
| local | L'immagine di sfondo rimane fissa rispetto al contenuto dell'elemento: se l'elemento ha un meccanismo di scorrimento, lo sfondo scorre insieme al contenuto dell'elemento. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore calcolato della proprietà background-attachment dell'elemento padre. |
Compatibilità dei browser per la proprietà background-attachment, tutti i browser principali supportano questa proprietà.
|
Ecco i tutorial da consultare:CSS sfondo,CSS3 sfondo.
Proprietà correlate:background,background-color,background-clip,background-image,background-origin,background-position,background-repeat,background-size.