В наши дни вам действительно не нужно беспокоиться о том, что непрозрачность - это сложная кроссбраузерная вещь. Вы просто используете свойство opacity, например:
.thing ( opacity: 0.5; )0 полностью прозрачен (не будет виден вообще, как visibility: hidden;), а 1 полностью непрозрачен (по умолчанию). Все, что находится между ними, частично прозрачно.
По историческим причинам мы это делали следующим образом:
.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; )