OPACITY

TIPS

Your elements in IE must have a width or height in order for opacity to work. You must use a fraction in your string for Mozilla. It doesn't work in Opera or older browsers. In IE, it should work in 5.5 and up. Your CSS won't validate if you include the IE and Moz statements. I don't believe you can apply these filters to a background image other than through the use of javascript.

LINKS

Web Reference discusses the proposed opacity spec for CSS3.

Eric Meyers' css/edge (See the complexsprial link.)

Mandarin Design CSS Opacity andTransparency.

CSS Edge demos opacity; see second page also.

Domedia's take on opacity with sample and code.

Additional Samples and demos from Mandarian Graphics

- INDEX

"z-index changes the stacking order of positioned elements. The normal stacking order is determined by the order in which elements appear in the code. The last one listed will be highest on the stack. By adding the z-index property to a rule, we can change the stacking order no matter where the elements appear in the code. An element with a higher z-index value is closer to the reader."(The z image above is index 1. The content area is index 1.)

When we use the z-index property to define a stacking order, we also need to use the position property (either relative or absolute). If the position is not defined, the z-index property will have no effect. Elements will be stacked in the order they display on the page.

LINKS FOR PRINT STYLES