Weblog - Archiv

Der für echte Transparenz im WebDesign sorgende Microsoft-CSS-Spezialfilter alpha() erfreut sich bei Entwicklern seit langer Zeit großer Beliebtheit. - Daß andere Browser diese Funktion nicht unterstützen, tat der Begeisterung bei einem IE-Marktanteil von knapp 90% keinen Abbruch. Mittlerweile nutzen aber etwa 25% der Deutschen den neuen Browser Mozilla Firefox. Mit dem alpha-Filter ausgezeichnete Elemente werden hier leider nicht transparent dargestellt. Glücklicherweise unterstützt Firefox aber schon seit Version 0.9 das vom W3C noch gar nicht verabschiedete CSS3-Element "opacity". Hiermit lassen sich Transparenzen nun auch im Firefox realisieren.

<span style="opacity: 0.5">Test</span>

Das oben abgebildete Code-Snippet läßt das Wort "Test" zu 50% Transparent werden. Die Transparenzstufen sind hierbei zwischen 0 und 1 frei wählbar. In Kombination mit dem altbewährten alpha() für den IE sind Transparenzen nun also in allen gängigen Browsern kein Problem mehr.