CSS Tips

CSS Transparency

To set transparency using CSS:

opacity: 0.5;              # W3C
-moz-opacity:0.5;          # Mozilla
filter:alpha(opacity=50);  # IE

For W3C/Mozilla the opacity is in the range 0 .. 1, for IE in the range 0 .. 100.

With IE, if the element is invisible, you must set it to visible before setting the opacity.

See also CSS Transparency for Internet Explorer (IE), Mozilla and Safari.

Transparent PNG require an additional filter, see Cross-Browser Variable Opacity with PNG: A Real Solution