Nieprzezroczystość stylu Właściwość
Przykład
Ustaw przezroczysty element DIV:
document.getElementById("myDIV").style.opacity = "0.5";
Definicja i użycie
Właściwość opacity ustawia lub zwraca poziom krycia elementu.
Poziom krycia elementu opisuje poziom przezroczystości, gdzie 1 nie jest w ogóle przezroczysty, 0,5 to 50% przezroczysty, a 0 jest całkowicie przezroczysty.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
opacity | Yes | Yes | Yes | Yes | Yes |
Uwaga: IE8 i wcześniejsze wersje obsługują alternatywę, właściwość filter.
Składnia
Zwróć właściwość krycia:
object.style.opacity
Ustaw właściwość przezroczystości:
object.style.opacity = "number|initial|inherit"
Wartości nieruchomości
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 |
Szczegóły techniczne
Domyślna wartość: | 1 |
---|---|
Wartość zwrotu: | String, reprezentujący poziom krycia elementu |
Wersja CSS | CSS3 |
Powiązane strony
Odniesienie CSS: właściwość opacity
❮ Obiekt stylu