zoukankan      html  css  js  c++  java
  • 透明度兼容

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

  • 相关阅读:
    JavaScript
    多线程
    MySQL进阶一(基础查询)
    英语语法随笔1
    MySQL
    Love Story
    两个数组的交集
    只出现一次的数字
    MybatisPlus
    数组中值加一
  • 原文地址:https://www.cnblogs.com/intangible/p/7921119.html
Copyright © 2011-2022 走看看