美文网首页
透明度兼容写法

透明度兼容写法

作者: 九毛Evaline | 来源:发表于2018-10-12 10:58 被阅读0次

最常见的是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.haomeiwen.com/subject/mypwaftx.html