The red div has no special effects applied - it is just there to show through the blue div. The blue div has 3 versions of the opacity effect applied to it, to take care of different browsers.
The result:
Ads by Google
Posted by ellen at December 03, 2005 10:50 AM
Example Code
<style type=\"text/css\">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 199px;
top: 244px;
background-color: #CC0033;
}
#Layer2 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 273px;
top: 169px;
background-color: #00CCFF;
filter:alpha(opacity=50); /* Internet Explorer */
-moz-opacity:0.5; /* Mozilla 1.6 and below */
opacity: 0.5;
}
-->
</style>
in the body section, put the 2 layers:
<div id=\"Layer1\"></div> <div id=\"Layer2\"></div>
Ads by Google
