Transparency (opacity)

Transparency (opacity)

Most modern browsers handle css transparency (opacity) pretty well.

In an ideal world the css statement for opacity should be (the official css standard):

opacity: 0,5;

where the value is between 0 (full transparency) and 1 (no transparency).

The latest firefox, safari and chrome browsers handle this pretty well. Obviously Internet Explorer does not.

To make this work in all browsers, use the following combination:

• filter:alpha(opacity=50)
  This is needed for Internet Explorer where the value is between 0 and 100.
• -moz and -khtml
  are for older Safari and Firefox browsers, but are not needed for recent versions.
  

• Twitter: Transparency (opacity)
• Stumbleupon
• Google
• Linked In