Proprietà opacity CSS

Definizione e uso

L'attributo opacity imposta il livello di opacità degli elementi.

Vedi anche:

Corso CSS:Trasparenza delle immagini CSS

Corso CSS:Colori CSS

Manuale di riferimento HTML DOM:Attributo opacity

Esempio

Impostare il livello di opacità dell'elemento div:

div
{
opacity:0.5;
}

Prova da solo

Puoi trovare altri esempi nella parte inferiore di questa pagina.

Sintassi CSS

opacity: value|inherit;

Valore dell'attributo

Valore Descrizione Test
value Definire l'opacità. Da 0.0 (completamente trasparente) a 1.0 (completamente opaco). Test
inherit Dovrebbe ereditare il valore dell'attributo opacity dall'elemento genitore.

Dettagli tecnici

Valore predefinito: 1
Inheritabilità: no
Versione: CSS3
Sintassi JavaScript: object.style.opacity=0.5

Altri esempi

Modificare l'opacità degli elementi
Questo esempio dimostra come utilizzare JavaScript per modificare l'opacità degli elementi.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

Commento:Le versioni di IE8 e precedenti supportano l'attributo filter alternativo. Ad esempio: filter:Alpha(opacity=50).