Web page transparency for all browsers


Posted on February 8th, by Alaa Badran in Browsers, CSS, Design, DHTML, Misc, Web & Programming, XHTML. 1 Comment

Web page transparency for all browsers

Every browser has different CSS properties for less-used actions like: transparency or opacity.
It was something weird to do transparency on your web page because there are lot of different web browsers. To make that easy, I have collected information and generated a CSS class that will work on most of the browsers.
See the Code below:


.transparent {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

filter:alpha(opacity=75); is used for Internet Explorer.
-moz-opacity:0.75; is used for Mozilla, Firefox, Netscape browsers (old versions).
-khtml-opacity: 0.75; is used for old versions of Safari.
opacity: 0.75; is used as a standard CSS property for browsers like Firefox 2+ and Safari 3+ and Opera





One thought on “Web page transparency for all browsers

  1. Working with CSS transparency in all browsers can be tough. You’ve got a great post here with some really useful tips, thanks for sharing man!

Leave a Reply

Your email address will not be published. Required fields are marked *