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