Sass中半透明@include

2019-07-011916次阅读sass

关于背景透明,可以参考CSS利用filter/opacity实现浏览器兼容的背景透明一文,每次写这么长代码确实麻烦,可以不妨试试Sass中@include包装一个半透明出来:

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

 

上一篇: TypeScript中数组类型  下一篇: Array.prototype.sort()字母排序  

Sass中半透明@include相关文章