Leider klappt es mit dem aktuellen CSS noch immer nicht in allen Browsern mit der Transparenz. Um es dennoch hinzubekommen, muss man wie immer alle größeren Browsertypen einzeln bedenken… (und standard-konform ist es leider auch nicht…) :
Beispiel für eine 50%-ige Transparenz:
.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
Erklärung:
opacity: 0.5; Dies sollte der aktuelle Standard sein, den Firefox, Safari und Opera auch unterstützen.
filter:alpha(opacity=50); Dies ist die Bezeichnung für den Internet Explorer
-moz-opacity:0.5; Die alte Schreibweise für Mozilla-Browsers (z.B. auch Netscape Navigator)
-khtml-opacity: 0.5; Und auch der Konquerer und ältere Versionen vom Safari (1.x) benötigen eine Extrawurst.