В наши дни наистина не е нужно да се притеснявате, че непрозрачността е трудно нещо в различни браузъри. Просто използвате свойството 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; )