zoukankan      html  css  js  c++  java
  • IE浏览器下的渐变背景

    background: linear-gradient(to bottom, #000000 0%,#ffffff 100%);(标准)

    linear-gradient 在 ie9 以下是不支持的,所以对于 ie6 - ie8 我们可以使用滤镜来解决。如下代码:
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#fFF,GradientType=0);
    :root {filter:none;}(需要针对 ie9 单独处理滤镜效果)

    gradientType=1代表横向渐变
    gradientType=0代表纵向淅变。

    上面的代码没有透明度变化,如果需要透明度还是使用滤镜
    filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=5,finishx=90,finishy=60)
    (1)opacity表示透明度,默认的范围是从0 到 100,他们其实是百分比的形式。0为完全透明 100不透明
    (2)finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
    (3)style用来指定透明区域的形状特征:
      0 代表统一形状
      1 代表线形
      2 代表放射状
      3 代表矩形
    (4)startx 渐变透明效果开始处的 X坐标
       starty 渐变透明效果开始处的 Y坐标
    (5)finishx 渐变透明效果结束处的 X坐标
       finishy 渐变透明效果结束处的 Y坐标

    例子:ie下的透明度背景色
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=fff,gradientType=0);

      
  • 相关阅读:
    Flink实时数仓(数据可视化)
    Hive调优
    面试(涉及技术一)
    启动Flink的yarnsession模式出错
    面试(涉及技术二)
    Filnk实时数仓(DWS层)
    Filnk实时数仓(Clickhouse)
    Filnk实时数仓(Prometheus监控)
    Filnk实时数仓(DWM层)
    Centos7下杀毒软件clamav的安装和使用
  • 原文地址:https://www.cnblogs.com/yigexiaojiangshi/p/6899345.html
Copyright © 2011-2022 走看看