This is a plain div. All divs have the following CSS rules for this test:

div {
	padding:20px;
	margin-bottom:10px;
	background-color:#fff;
	}

Example 1

This is some text. The div it is contained within has a white background and opacity set to 0.5. If you are viewing this in Internet Explorer it won't work, if you are viewing in another modern browser you will see the blue background of the page through the div. Here's the CSS:

#opacity {
	opacity:0.5;
	}

Example 2

Now, using the IE filter code below, all browsers make the div transparent. However, we want the text to be solid but everything contained within the div is transparent too.

#alltransparent {
	filter:alpha(opacity=50);
	height:1%;
	}

Example 3

In Internet Explorer 6 the text is now solid as we add the code below, but in other browsers it still appears transparent (except IE7 for the purposes of this test).

#ietransparent * {
	filter:alpha(opacity=100);
	position:relative;
	}

Example 4

Now the text is solid in all browsers, but the background is transparent. The full code used is below.

#transparent {
	background:transparent url(transparent.png);
	}

And specially for Internet Explorer 6:

#transparent {
	background:#fff none;
	filter:alpha(opacity=50);
	height:1%;
	}

#transparent * {
	filter:alpha(opacity=100);
	position:relative;
	}