CSS opacity egenskap

Definition och användning

opacity-attributet ställer in elementets ogenomskinlighetsnivå.

Se också:

CSS-tutorial:CSS bildtransparens

CSS-tutorial:CSS färger

HTML DOM referenshandbok:opacity-attributet

Exempel

Ställ in ogenomskinlighetsnivån för div-elementet:

div
{
opacity:0.5;
}

Prova själv

Du kan hitta fler exempel längst ner på sidan.

CSS-syntax

opacity: value|inherit;

Attributvärde

Värde Beskrivning Test
value Definiera ogenomskinlighet. Från 0.0 (fullt genomskinlig) till 1.0 (inte genomskinlig). Test
inherit Bör från föräldrelementet ärva opacity-attributets värde.

Tekniska detaljer

Standardvärde: 1
Arvsförmåga: no
Version: CSS3
JavaScript-syntax: object.style.opacity=0.5

Mer exempel

Ändra elementets ogenomskinlighet
Detta exempel visar hur man använder JavaScript för att ändra elementets ogenomskinlighet.

Webbläsarstöd

Talen i tabellen anger den första webbläsaren som fullständigt stöder detta attribut.

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

Kommentarer:IE8 och tidigare versioner stöder alternativ filter-attribut. Till exempel: filter:Alpha(opacity=50).