用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果

canca

2008-05-20 09:30

有的时候，为了实现一些特殊效果，需要将页面元素变透明，本文介绍的就是用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果。

CSS:

  
          
   
           
    
            
     
              
    
            
   
           
    
            
     
             filter:alpha(opacity=50);       /* IE */ 
    
            
   
           
    
            
     
             -moz-opacity:0.5;              /* Moz + FF */ 
    
            
   
           
    
            
     
             opacity: 0.5;           /* 支持CSS3的浏览器（FF 1.5也支持）*/

IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-opacity，而标准的属性是opacity（CSS 3, Moz Family部分支持CSS3）。后面的数值是透明度，使用百分比或者小数。

用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果

发表评论