CSS właściwość opacity
- Poprzednia strona offset-rotate
- Następna strona order
Definicja i użycie
Ustawia poziom przezroczystości elementu.
Zobacz również:
Kurs CSS:Przejrzystość obrazu CSS
Kurs CSS:Kolory CSS
Podręcznik HTML DOM:Właściwość opacity
Przykład
Ustaw poziom przezroczystości elementu div:
div
{
opacity:0.5;
}
Więcej przykładów można znaleźć na dole tej strony.
Gramatyka CSS
opacity: value|inherit;
Wartość właściwości
| Wartość | Opis | Test |
|---|---|---|
| value | Określa przezroczystość. Od 0.0 (zupełnie przezroczysty) do 1.0 (całkowicie nieprzejrzysty). | Test |
| inherit | Powinna być odziedziczona wartość właściwości przezroczystości od elementu nadrzędnego. |
Szczegółowe informacje techniczne
| Domyślna wartość: | 1 |
|---|---|
| Inheredność: | nie |
| Wersja: | CSS3 |
| Gramatyka JavaScript: | object.style.opacity=0.5 |
Więcej przykładów
- Zmiana przezroczystości elementu
- Ten przykład pokazuje, jak używać JavaScript do zmiany przezroczystości elementu.
Obsługa przeglądarek
Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Komentarz:Wersje IE8 i wcześniejsze obsługują alternatywną właściwość filter. Na przykład: filter:Alpha(opacity=50);
- Poprzednia strona offset-rotate
- Następna strona order
