Style -Deckkraft- Eigenschaft
Beispiel
Machen Sie ein DIV-Element transparent:
document.getElementById("myDIV").style.opacity = "0.5";
Definition und Verwendung
Die Eigenschaft opacity legt die Deckkraftstufe eines Elements fest oder gibt sie zurück.
Die Opazitätsstufe eines Elements beschreibt die Transparenzstufe, wobei 1 überhaupt nicht transparent, 0,5 50 % durchsichtig und 0 vollständig transparent ist.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
opacity | Yes | Yes | Yes | Yes | Yes |
Hinweis: IE8 und frühere Versionen unterstützen eine Alternative, die filter-Eigenschaft.
Syntax
Geben Sie die Opazitätseigenschaft zurück:
object.style.opacity
Legen Sie die Opazitätseigenschaft fest:
object.style.opacity = "number|initial|inherit"
Eigenschaftswerte
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 |
Technische Details
Standardwert: | 1 |
---|---|
Rückgabewert: | Ein String, der die Deckkraft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: opacity-Eigenschaft
❮ Style-Objekt