CSS 3 Opacity and Expression Web

Updated 12/17/11

Expression Web's Style Builder does not offer an opacity property.  Therefore, we need to write the Style Declaration for opacity ourselves.

Syntax for CSS 3 Opacity

opacity ranges from 0 to 1.  0 is 100% transparent.  1 is 100% opaque.

These days, we no longer need to write vendor-specific prefixes for opacity.  We simply use the opacity property as it was originally intended.  (all newer browsers support CSS3 opacity.)

opacity: .80;   <-- Means 80% Opacity level.

Example:  body {background-color: maroon; opacity:.80;}

 

For Earlier Version of Internet Explorer

Use a Microsoft Specific Filter for Opacity:

 filter:alpha(opacity=50);

... this means 50% opacity.

 

Keep in Mind

One draw back when using CSS 3 Opacity Property:   The opacity is passed on to any child elements, sometimes this is quite undesirable.