zoukankan      html  css  js  c++  java
  • 线性渐变的兼容写法

    线性渐变的兼容写法如下:

    .gradient{
        background: #000000;
        background: -moz-linear-gradient(top,  #000000 0%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));
        background: -webkit-linear-gradient(top,  #000000 0%,#ffffff 100%);
        background: -o-linear-gradient(top,  #000000 0%,#ffffff 100%);
        background: -ms-linear-gradient(top,  #000000 0%,#ffffff 100%);
        background: linear-gradient(to bottom,  #000000 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
    }
    :root .gradient{filter:none;}
    

    ie 滤镜:filter

    linear-gradient 在 ie9 以下是不支持的,所以对于 ie6 - ie8 我们可以使用滤镜来解决,代码如下:

    .gradient{
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
    }
    

      

    由于 filter 是 ie 的私有属性,所以我们需要针对 ie9 单独处理滤镜效果,代码如下:

    :root {filter:none;}
    

      

      

  • 相关阅读:
    Vue项目使用路由和elementUI
    Vue-cli组件化开发
    vue实现数据请求
    element-e作业
    vue入门
    BBS(仿博客园小作业)
    Django-Auth模块
    Django中间件
    cookie和session
    forms组件和自定义分页器
  • 原文地址:https://www.cnblogs.com/aimee2004/p/5239361.html
Copyright © 2011-2022 走看看