En estos días, realmente no tiene que preocuparse de que la opacidad sea algo difícil entre navegadores. Solo usa la propiedad de opacidad, así:
.thing {
opacity: 0.5;
}
0 es totalmente transparente (no será visible en absoluto, como visibilidad: oculta;) y 1 es totalmente opaco (predeterminado). Cualquier cosa intermedia es parcialmente transparente.
Por razones históricas, así es como solíamos hacerlo:
.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;
}