zoukankan      html  css  js  c++  java
  • 【转载】IE下利用滤镜实现背景颜色渐变

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <style type="text/css">
    *{border:0px;padding:0px;margin:0px;line-height:100%;}
    </style>
    </head>
     <body>
      <div style="156px; height:200px; background-color:#3F3F3F; FILTER:Alpha(Opacity=100,Finishopacity=0,Style=1,Startx=0,Starty=0,Finishx=0,Finishy=100);">
       <p>div+css设置背景色渐形效果</p>
       <p>用div+css生成的背景色渐形效果</p>
       <p>div+css背景色渐形效果</p>
       <p>设置背景色渐形效果div+css</p>
       <p>支持的背景色渐形div+css效果</p>
    </div>
     </body>
    </html>
    属性参考:
      enabled :可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false      true :默认值。滤镜激活。false :�滤镜被禁止。
      style :可选项。整数值(Integer)。设置或检索透明渐变的样式。0 | 1 | 2 | 3     0 :默认值。整体透明度。将Opacity 值均匀的作用于对象。
               1:线性渐变透明度。从由 StartX 和 StartY 决定的点,由 Opacity 决定的透明度开始,到由 FinishX 和FinishY 决定的点,由FinishOpacity 决定的透明度结束。
               2:圆形放射渐变透明度。圆形放射区域的圆心为对象的中心,圆周到与对象的边相切为止。透明渐变由圆心开始,到圆周结束。开始透明度由 Opacity 决定,结束透明度由   FinishOpacity 决定。
               3:矩形放射渐变透明度。由对象的边开始,到对象的中心结束。开始透明度由 Opacity 决定,结束透明度由FinishOpacity 决定。
      opacity :可选项。整数值(Integer)。设置或检索透明渐变的开始透明度。取值范围为 0 - 100 。默认值为 0 ,即完全透明。 100 为完全不透明。
      finishOpacity :可选项。整数值(Integer)。设置或检索透明渐变的结束透明度。取值范围为 0 - 100 。默认值为 0 即完全透明。 100 为完全不透明。
      startX :可选项。整数值(Integer)。设置或检索透明渐变开始点的水平坐标。其数值作为对象宽度的百分比值处理。默认值为 0 。
      startY :可选项。整数值(Integer)。设置或检索透明渐变开始点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0 。
      finishX :可选项。整数值(Integer)。设置或检索透明渐变结束点的水平坐标。其数值作为对象宽度的百分比值处理。 默认值为 0 。
      finishY :可选项。整数值(Integer)。设置或检索透明渐变结束点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0 
     
     
     
     
     
  • 相关阅读:
    maven插件安装与使用
    java面试题
    关于java的GC
    技术人员要树立自己的品牌
    为什么IT公司都应该鼓励开源
    你应该坚持写博客 即使没有读者
    计算机基础
    收藏 | 产品经理不可不知的 7 种技术思维
    我讨厌你公事公办的样子
    子序列问题【LIS、LCS、LCIS】
  • 原文地址:https://www.cnblogs.com/laogai/p/3297006.html
Copyright © 2011-2022 走看看