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);

      
  • 相关阅读:
    个人管理:2,3月微薄整理
    ORM相关图片整理
    LmgORM项目 实体类转换器
    (转)Enterprise Architect 7.0入门教程
    禁止右键复制的代码
    UML示例图(转)学习
    Flash FMS Helloword
    模拟生成Guid
    Flash Media Server安装
    WebSphere创建删除概要文件
  • 原文地址:https://www.cnblogs.com/yigexiaojiangshi/p/6899345.html
Copyright © 2011-2022 走看看