wysiwyg logo Cross Browser Transparency with CSS

Sortest way to gain Cross Browser Transparency with CSS.
.ClassTransparency {
	filter: alpha(opacity=80); /* IE 5 to 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 an on */
	-khtml-opacity: 0.8;       /*	khtml, old safari */
	-moz-opacity: 0.8;         /* 	mozilla Firefox */
	opacity: 0.8;              /*   safari, opera */
}
Try it yourself, change Transparency value from 10 to 90. Normal opacity is 100, i.e. no opacety.

Image with Caption and some Transparency





xnet 1998 - 2011