透明度兼容

 将以下 sass 编译即可。 

// 半透明背景
// @include bgop(#000, 0.5);
@mixin bgop($hexColor, $opacity){
  $rgba : rgba($hexColor, $opacity);
  *background-color: url(about:blank);
  background-color: $rgba;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($rgba)}',endColorstr='#{ie-hex-str($rgba)}');
  :root &{
    filter: '';
  }
}

ps: ie8支持 background: transparent;(于 IETester 中测试),不支持opacity;如果是全透明的话,设置 backgound: transparent 即可。 

如果使用上述方法设置全透明时,还有一点要注意,不能使用 #fff 色值,使用该色值,不能达到全透明的效果,需要换一个色值。

posted @ 2017-11-29 16:13  莫问、前程  阅读(115)  评论(0编辑  收藏  举报