Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Właściwość opacity ustawia poziom krycia dla elementu.
Zadymienie poziomu opisuje przezroczystości poziomu, gdzie 1 nie jest przejrzysta w ogóle, 0,5 wynosi 50% przezroczyste, a 0 jest całkowicie przezroczysty.
| Domyślna wartość: | 1 |
|---|---|
| Dziedziczny: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.opacity="0.5" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| opacity | 4,0 | 9,0 | 2,0 | 3,1 | 9,0 |
Uwaga: IE8 oraz wcześniejsze wersje obsługuje alternatywę, właściwość filtra. Jak: filter:Alpha(opacity=50) .
Składnia CSS
opacity:number|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| number | Określa krycie. Od 0,0 (fully transparent) do 1,0 (fully opaque) | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Więcej przykładów
Przykład
Jak używać JavaScript, aby zmienić krycie dla danego elementu:
function myFunction(x) {
// Return the text of the selected option
var opacity = x.options[x.selectedIndex].text;
var el
= document.getElementById("p1");
if (el.style.opacity
!== undefined) {
el.style.opacity = opacity;
} else {
alert("Your browser doesn't support this example!");
}
} Spróbuj sam " Podobne strony
Kurs CSS: CSS Obraz Krycie / Przejrzystość
Odniesienia HTML DOM: opacity property