Manapság valóban nem kell attól tartania, hogy az átlátszatlanság bonyolult dolog a böngészők között. Csak az átlátszatlansági tulajdonságot használja, mint ez:
.thing ( opacity: 0.5; )A 0 teljesen átlátszó (egyáltalán nem lesz látható, például a láthatóság: rejtett;), az 1 pedig teljesen átlátszatlan (alapértelmezett). Bármi, ami közte van, részben átlátszó.
Történelmi okokból ezt szoktuk megtenni:
.transparent_class ( /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; )