Pozycjonowanie - CSS
Przezroczystość {opacity}
W jaki sposób wstawić na stronie półprzezroczyste warstwy?
(CSS 3 - interpretuje Internet Explorer 9, Firefox 2, Opera, Chrome)
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
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.