CSS opacity egenskab

Definisjon og bruk

opacity-egenskapen setter elementets gjennomsiktighetsnivå.

Se også:

CSS læreplan:CSS billedgennemsigtighed

CSS læreplan:CSS color

HTML DOM referansehåndbok:opacity-egenskapen

Eksempel

Sett gjennomsiktighetsnivået for div-elementet:

div
{
opacity:0.5;
}

Prøv selv

Du kan finne flere eksempler nedenfor på denne siden.

CSS-syntaks

opacity: value|inherit;

Egenskapsverdi

Verdi Beskrivelse Test
value Definer gjennomsiktighet. Fra 0.0 (fullstendig gjennomsiktig) til 1.0 (ikke gjennomsiktig). Test
inherit Skal arve verdien av opacity-egenskapen fra foreldreelementet.

Tekniske detaljer

Standardverdi: 1
Arvelighet: nei
Versjon: CSS3
JavaScript-syntaks: object.style.opacity=0.5

Flere eksempler

Endre elementets gjennomsiktighet
Dette eksempelet viser hvordan man bruker JavaScript til å endre elementets gjennomsiktighet.

Nettleserstøtte

Tallene i tabellen angiver den første nettleser som fullt ut støtter egenskapen.

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

Kommentarer:IE8 og tidligere versioner understøtter erstatningsfilteregenskaben. For eksempel: filter:Alpha(opacity=50);