Style opacity eigenschap

Definitie en gebruik

opacity Eigenschap instellen of retourneren van het elementtransparantie niveau.

Het elementtransparantie niveau (transparantie niveau) beschrijft het transparantie niveau, waarbij 1 Geen transparantie,0.5 Betekent 50% transparant,0 Betekent volledig transparant.

Zie ook：

CSS ReferentiemanualOpacity eigenschap

Voorbeeld

Maak het DIV-element transparant：

document.getElementById("myDIV").style.opacity = "0.5";

Probeer het zelf

Syntax

Retourneren van de opacity eigenschap：

object.style.opacity

Instellen van de opacity eigenschap：

object.style.opacity = "number|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
number Transparantie vastleggen. Van 0.0 (volledig transparant) tot 1.0 (geen transparantie).
initial Deze eigenschap instellen op zijn standaardwaarde. Raadpleeg initial。
inherit Deze eigenschap overnemen van de ouder-element. Raadpleeg inherit。

Technische details

Standaardwaarde： 1
Retourwaarde： A string representing the opacity level of the element.
CSS version: CSS3

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support