Immer wieder gern gesehenes Element einer Webseite sind halbstransparente Bereiche. Dabei muss man aufpassen, weil sich Transparenz auf die Kindelemente vererbt. Grundsätzlich empfehlen sich für ihre Umsetzung zwei Strategien, je nachdem ob man Rücksicht auf den IE6 nehmen will/muss oder nicht:

Glücklicherweise entscheiden sich mehr und mehr Kunden dafür, daß eine Seite nicht mehr in jedem Browser gleich aussehen muss und dass man weniger Rücksicht auf den IE6 nehmen sollte. Deshalb habe ich gerade in einem Projekt einen halbtransparenten Container mit der zweiten Methode erstellt.

Doch diese Methode hat ihre Tücken. Für den IE vergeben wir einen Wert, der eine Kombination aus Farbe und Transparenz ist. Der Transparenzwert ist dabei die hex-Umrechnung des normalen Zahlenwertes. Doch wie komme ich an den hex-Wert?

Robert Nyman beschreibt eine Methode, die schnell in Firebug funktioniert. In der dortigen Konsole gibt man eine kleine Zeile Javascript ein. Zur Umrechnung eines 30%igen Transparenzwertes (opacity: 0.3) lautet die Zeile:
Math.floor(0.3 * 255).toString(16);