CSS Opacity =========== Creating transparent images with CSS is easy. IE9, Firefox, Chrome, Opera, and Safari use the property opacity for transparency. The opacity property can take a value from 0.0 - 1.0. A lower value makes the element more transparent. IE8 and earlier use filter:alpha(opacity=x). The x can take a value from 0 - 100. A lower value makes the element more transparent. Example 1 ---------

Image Transparency

klematis klematis

Note: In IE, a <!DOCTYPE> must be added for the :hover selector to work on other elements than the <a> element.

Example 2 ---------

This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box.