I disse dage behøver du virkelig ikke bekymre dig om, at opacitet er en vanskelig ting på tværs af browsere. Du bruger bare opacitetsejendommen som denne:
.thing ( opacity: 0.5; )0 er helt gennemsigtig (vil slet ikke være synlig som synlighed: skjult;) og 1 er fuldstændig uigennemsigtig (standard). Alt imellem er delvist gennemsigtigt.
Af historiske årsager er det sådan, hvordan vi plejede at gøre det:
.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; )