CSS让元素半透明的代码

作者:css教程      点击次数:494次     发布日期:2016-12-14

CSS让元素半透明的代码

 

1
2
3
4
5
.opacity{  filter:alpha(opacity=50);      
/* IE */  -moz-opacity:0.5;             
/* 老版Mozilla */  -khtml-opacity:0.5;             
/* 老版Safari */  opacity: 0.5;          
/* 支持opacity的浏览器*/}

用 来设定一个元素为半透明

 
1
2
3
4
5
.filter = "alpha(opacity=" + opacity + ")";   
/* IE */ .MozOpacity = (opacity / 100);                
/* 老版Mozilla */ .KhtmlOpacity = (opacity / 100);              
/* 老版Safari */ .opacity = (opacity / 100);                   
/* 支持opacity的浏览器*/

在Windows平台上缩放图片,可能出现图像失真现象,可用IE的专有命令:

 
1
img{-ms-interpolation-mode: bicubic;}

以上所述是小编给大家介绍的用CSS设定一个元素半透明,希望对大家有所帮助

分享DIVCSS8