CSS doorschijnendheid eigenschap

Definitie en gebruik

De opacity-eigenschap stelt de ondoorzichtigheidsgraad van het element in.

Zie ook:

CSS tutorial:CSS beeldtransparantie

CSS tutorial:CSS Kleur

HTML DOM referentiehandleiding:Opacity-eigenschap

Voorbeeld

Stel de ondoorzichtigheidsgraad van het div-element in:

div
{
opacity:0.5;
}

Probeer het zelf

Je kunt meer voorbeelden vinden aan de onderkant van deze pagina.

CSS syntaxis

opacity: waarde|inherit;

Eigenschapswaarde

Waarde Beschrijving Test
waarde Stel de ondoorzichtigheid in. Van 0.0 (volledig doorzichtig) tot 1.0 (geen doorzichtigheid). Test
inherit De waarde van de eigenschap opacity zou van het ouder element moeten worden geërfd.

Technische details

Standaardwaarde: 1
Inheritsbaarheid: nee
Versie: CSS3
JavaScript syntaxis: object.style.opacity=0.5

Meer voorbeelden

Wijzig de ondoorzichtigheid van een element
Dit voorbeeld demonstreert hoe je de ondoorzichtigheid van een element kunt wijzigen met JavaScript.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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

Opmerking:IE8 en oudere versies ondersteunen de alternatieve filter-eigenschap. Bijvoorbeeld: filter:Alpha(opacity=50);