最常见的是opacity方法

.class { 
       filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
  }

这种方法的缺点就是不止背景透明，里面的文字也会变成透明

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

rgba方法：

background: rgba(255,255,255,.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff)

第一句话是兼容高级浏览器，第二句话是兼容ie8及以下。

其中 #99ffffff 里面的“99”是代表透明度，从00到ff ， 后面的就是颜色了。

这句话的本意是渐变，但是用在透明度上可以解决ie的兼容问题。

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄