层的半透明效果 css特效

层的半透明效果 css特效

============================================

代码1:

.header{
width:760px;
margin-right: auto;
margin-left: auto;
padding: 0px;
height:120px;
text-align:left;
top: 0px;
clear:both;
margin-top: 0px;
margin-bottom: 0px;

/* 这里设置半透明效果*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xwsy.com/v8/themes/images/1/head.png', sizingMethod='crop');
}


.header h1
{
margin-top: 25px;
float: right;
margin-right: 15px;
text-align: right;
}


.header[class]{

/*此行针对 FireFox 浏览器设置 */
background-image:url(http://www.xwsy.com/v8/themes/images/1/head.png)
}

========================================

代码2

.transparent{
filter:alpha(opacity=12);
-moz-opacity:0.12;
opacity:0.12;
background-color:#000;
}

filter:alpha(opacity=12); 支持IE
-moz-opacity:0.12; 支持FF
opacity:0.12; css 3标准