CSS Code for Opacity Examples

 

#Sample1{/**solid**/
background:black}

#Sample2{ /**semi-transparent image**/
background: url(Images/BG/trasnparent-blk.png)}

#Sample3{/**70% opacity**/
background:#000000;
/**for pre-IE8**/
filter:alpha(opacity=70);
/**for IE8 only**/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
/**for non-IE browsers**/
opacity: 0.7;
}

#Sample4{/**50% opacity**/
background:#000000;
/**for pre-IE8**/
filter:alpha(opacity=50);
/**for IE8 only**/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/**for non-IE browsers**/
opacity: 0.5;
}