Tools, Resources and Technologies for Web Developers, SIGN UP NOW!
CSS alpha Transparency
Tue, 07/14/2009 - 18:29
Opacity (alpha transparency) in css is handled differently for all browsers, this would require four separate statements in the document css. One advantage is that they do not interfere, and to work with the four is no problem because we do not have to worry. The statements are:
.my-transparent-class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
opacity: 0.5; This is the "most important" one because it is the current standard in CSS. This statement works in Firefox, Safari, and Opera.
filter:alpha(opacity=50); This is for Internet Explorer
-moz-opacity:0.5; This is for old versions of the Mozilla browsers like Netscape Navigator.
-khtml-opacity: 0.5; Ths is for old versions of Safari (1.x)
Wed, 11/18/2009 - 22:10
#2
Why does IE always have to
Why does IE always have to make my life so difficult... Aargh! Thanks, this is just what I need to make it work.
--
“When everyone can tell you the truth, they lack reverence for you.” - Machiavelli
Web developer at your service. Current project: Annuities
Yes, you're right. Life would be easier without Explorer