Opacity for Internet Explorer using CSS3 PIE and Alpha Transparency

This page is an example of applying opacity with an rgba background to an element, and how to make it work also for IE6, IE7 and IE8 which do not natively support alpha transparency. By using the CSS3 PIE plugin we are able to support alpha transparency in older versions of Internet Explorer.

The example below has a container with a background image, which then has a second div inside it with alpha transparency applied to the background.

Example transparency

For more information about how this works, view the HTML source, or read my Opacity for Internet Explorer using CSS3 PIE and Alpha Transparency post.