Proprietà di opacità dello stile
Esempio
Rendi trasparente un elemento DIV:
document.getElementById("myDIV").style.opacity = "0.5";
Definizione e utilizzo
La proprietà opacità imposta o restituisce il livello di opacità di un elemento.
Il livello di opacità di un elemento descrive il livello di trasparenza, dove 1 non è affatto trasparente, 0,5 è trasparente al 50% e 0 è completamente trasparente.
Supporto browser
Property | |||||
---|---|---|---|---|---|
opacity | Yes | Yes | Yes | Yes | Yes |
Nota: IE8 e versioni precedenti supportano un'alternativa, la proprietà del filtro.
Sintassi
Restituisce la proprietà di opacità:
object.style.opacity
Imposta la proprietà di opacità:
object.style.opacity = "number|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
number | Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | 1 |
---|---|
Valore di ritorno: | Una stringa, che rappresenta il livello di opacità di un elemento |
Versione CSS | CSS3 |
Pagine correlate
Riferimento CSS: proprietà opacità
❮ Oggetto stile