透明兼容写法

最常见的是opacity方法

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

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

rgba方法:

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

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

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

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

原文地址:https://www.cnblogs.com/Evaline/p/10715090.html