Opacity

opcaity - definiuje przeźroczystość elementu.
Możliwe wartości:

  • liczba z zakresu od 0 (całkowicie przeźroczysty - niewidoczny) do 1 (całkowicie nieprzeźroczysty)
  • Inherit

Przykład użycia:

.image1 { opacity: 1 }
.image2 { opacity: 0.5 }

coyote.jpg coyote.jpg
opacity: 1 opacity: 0.5

Alternatywne sposoby

Internet Explorer nie obsługuje polecenia, dlatego razem z nim powinno stosować się odpowiednie filtry, np:
div
{
     width: 100px; height: 100px; /* element dla którego używamy filtrów musi mieć ustalone wymiary */
     opacity: 0.5; 
     filter: alpha(opacity=50);
}

Poniższe obrazki będą się od siebie różniły w Internet Explorerze:

coyote.jpg coyote.jpg
tylko "opacity: 0.5" "opacity: 0.5" i filtr "filter: alpha(opacity=50);"

Style pokrewne

* brak

Odpowiednik [[(x)html|hipertekstowy]]

* brak

Wersja specyfikacji

* CSS 3

Wsparcie przeglądarek

* Internet Explorer nie obsługuje polecenia, trzeba dla niego stosować metody alternatywne * Opera 9 obsługuje polecenie, nie całkiem zgodnie ze standardem * Safari i Firefox obsługują polecenie
CSS

0 komentarzy