透明度兼容

 将以下 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 色值，使用该色值，不能达到全透明的效果，需要换一个色值。

转载于:https://www.cnblogs.com/intangible/p/7921119.html