CSS transparency settings compatible with all browsers

2. . transparent_class {
4. Filter:alpha (opacity=50);
6. -moz-opacity:0.5;
8. -khtml-opacity: 0.5;
10. Opacity: 0.5;
12. }

14. Those CSS properties are for:

    • opacity:0.5; This is the ' most important ' one because it is the ' current ' in CSS. This would work in the most versions of Firefox, Safari, and Opera. This would is all need if all browsers supported the current standards. Which, of course, they don ' t.
    • Filter:alpha (opacity=50); This one is need for IE.
    • -moz-opacity:0.5; You need this one to the support-by-the-school versions of the Mozilla browsers like Netscape Navigator.
    • -khtml-opacity:0.5; This is a for-the-the-versions of Safari (1.x) when the rendering engine it was using were still referred to as KTHML, as Opp Osed to the current WebKit.
    • From http://justcoding.iteye.com/blog/545301, thanks here, I think it's useful to record it.

CSS transparency settings compatible with all browsers