CSS中透明度的设置(兼容多种浏览器)

来源:互联网 发布:战争风云老僧扫矿软件 编辑:程序博客网 时间:2024/04/26 12:36

.transparent_class 

filter:alpha(opacity=50); //Microsoft IE 

-moz-opacity:0.5; 

-khtml-opacity: 0.5; 

opacity: 0.5; //Chrome

  1. /* older safari/Chrome browsers */  
  2.     -webkit-opacity: 0.5;  
  3.     /* Netscape and Older than Firefox 0.9 */  
  4.     -moz-opacity: 0.5;  
  5.     /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
  6.     -khtml-opacity: 0.5;  
  7.     /* IE9 + etc...modern browsers */  
  8.     opacity: .5;  
  9.     /* IE 4-9 */  
  10.     filter:alpha(opacity=50);  
  11.     /*This works in IE 8 & 9 too*/  
  12.     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
  13.     /*IE4-IE9*/  
  14.     filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 

}

0 0
原创粉丝点击