Przezroczystość {opacity}
W jaki sposób wstawić na stronie półprzezroczyste warstwy?
CSS 3
selektor { opacity: nieprzezroczystość }Natomiast jako "nieprzezroczystość" należy podać liczbę rzeczywistą z przedziału od 0 (całkowita przezroczystość) do 1 (brak przezroczystości - domyślnie).
Sterując poziomem przezroczystości można wprowadzić na ekran efektowne warstwy imitujące zabarwione szyby. Trzeba jednak pamiętać, że ustalony poziom półprzezroczystości otrzymają wszystkie elementy znajdujące się wewnątrz danego znacznika - nie możemy cofnąć elementom wewnętrznym przezroczystości (tak aby stały się ponownie zupełnie nieprzezroczyste), możemy jedynie ustawić im jeszcze większą przezroczystość w stosunku do półprzezroczystego rodzica.
Przykład {opacity}
Pytania i odpowiedzi {opacity, background-color: transparent}
Jak ustawić przezroczystość w CSS?
Aby ustawić przezroczystość w CSS, używa się właściwości opacity. Można ustawić wartość od 0 (element całkowicie przezroczysty) do 1 (element całkowicie widoczny).
Jak dodać przezroczystość?
Aby dodać przezroczystość do elementu w CSS, używa się właściwości opacity. Na przykład: "opacity: 0.5" ustawia element na 50% przezroczystości.
Czy jest kolor przezroczysty?
W języku CSS istnieje specjalny kolor "przezroczysty". Można go osiągnąć za pomocą wartości transparent. Na przykład, aby ustawić przezroczyste tło elementu, można użyć: "background-color: transparent".
Jak się pisze: "przeźroczysty" czy "przezroczysty"?
Obie formy są poprawne, chociaż pierwszy wariant stosuje się rzadziej.
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
opacity: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 9 2006-06-20 | 2 2005-04-29 |