English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo opacity CSS specifica l'opacità di un elemento.
La tabella sottostante descrive l'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.
| Valore predefinito: | 1 (opaco) |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditabile: | No |
| Animabile: | Sì.Rifarti a Attributi animazione。 |
| Versione: | Nuova funzionalità CSS3 |
| Sintassi JavaScript: | object.style.opacity=0.5 |
La sintassi di questo attributo è la seguente:
opacity: alphavalue | initial | inherit
Ecco un esempio di come utilizzare la proprietà opacity.
img {
opacity: 0.25;
}
p {
opacity: 0.5;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| alphavalue | Numeri tra 0 (completamente trasparente) e 1 (completamente opaco). Qualsiasi valore più piccolo o maggiore sarà limitato in questo intervallo. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore della proprietà opacity dell'elemento padre. |
Compatibilità dei browser per la proprietà opacity, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Attenzione: Internet Explorer 8 e versioni precedenti non supportano opacity, ma supportano un metodo sostitutivo, solo Microsoft filterPreferito: filter: Alpha(opacity=50); Scopri di più suProprietà di opacità CSSPiù informazioni
Ecco alcune guide relative ai seguenti contenuti:Opacità CSS，Valori di colore CSS。