Przezroczyste elementy za pomocą CSSa

Data dodania:
31 marca 09
Autor:
Łukasz Rutkowski
Kategoria:
CSS

Na pewno wiele razy chciałeś/aś, aby twoja strona miała przeźroczyste elementy, bo nadałoby jej to uroku. Jednak wielu webmasterów nie zna rzeczy, która właśnie nada przezroczystość w tych trzech przeglądarkach: Internet Explorer, Firefox, Opera ( w innych powinno również działać ; nie gwarantuję działania w niepopularnych przeglądarkach ). Dla każdej z nich istnieje inny sposób, ale cóż stoi na przeszkodzie, aby napisać wszystkie? I tak przeglądarka wykona tylko te, które zna.

-moz-opacity: 0.7; alpha(opacity=70); opacity: 0.7;

Pierwszy sposób obsługuje Firefox, drugi Internet Explorer, a trzeci Opera. W pierwszym i trzecim przezroczystość podajemy w częściach całości ( np. 60% = 0.6 ), zaś w drugim piszemy w procentach, ale bez znaku ‘%’ ( np. 30% = 30 ).

Od teraz twoja strona będzie kusiła dodatkową atrakcją graficzną. :)

~Łukasz Rutkowski