W3Schools has a nice tutorial on CSS Opacity and Transparency that covers opacity as defined by the CSS3 specification and opacity as implemented in non-standard form by IE and Mozilla.
If you’re a student of graphic design and would just like to make sure that you are up to speed with this critical design element, the take a look at this well-done tutorial. It covers the very basics of creating a test image with CSS and includes all code snippets you’ll need to get started with this basic functionality. By the way the site has a lot of similar entry-level tutorials that answer many basic graphic design questions and show basic techniques.
{ 3 comments… read them below or add one }
Good tutorial, although not 100% correct. Mozilla supports the native CSS3 opacity property in all Gecko 1.7-based browsers, as well as the proprietary -moz-opacity.
Mandarin Website is down.
Yeah, wish them luck – hope they get it up and working again!