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

Transparency over Daddy'z Surfboards Daddy'z Surfboards




xnet 1998 - 2011