透明度兼容写法

最常见的是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的兼容问题。

你可能感兴趣的:(透明度兼容写法)