兼容ie firefox 半透明效果

 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >

< head >
< meta  http-equiv ="Content-Language"  content ="zh-cn"   />
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > 兼容ie firefox 半透明效果 </ title >
< style  type ="text/css" >
.b {
opacity :  0.50 ;
filter  :  progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50,finishOpacity=100) ;
}
</ style >
</ head >

< body  style ="background-color: #C0C0C0" >
< div  style ="width: 423px; height: 147px; background-color: #990099; position: absolute; left: 136px; top: 41px;" >
    后面的层 </ div >
< div  class ="b"  style ="width: 423px; height: 147px; background-color: #0066CC; position: absolute; left: 174px; top: 57px;" >
    半透明 </ div >
</ body >

</ html >

代码折叠有点问题，我重新用这种模式应该拷出代码时就不会有问题了