zoukankan      html  css  js  c++  java
  • rgba兼容ie

    css代码如下:

    background: rgba(0, 0, 0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);

    背景颜色rgb(0,0,0)不透明度0.5,支持ie9+和主流chrome,firefox,opera,safari等。
    startColorstr和endColorstr中的#80是不透明度0.5的数值,计算方法是:先计算80的十进制x,x/255 = 5/10,解得x=5*255/10,然后再把x换算成十六进制,得80。
    000000是rgb(0,0,0)的Hex值。

    DXImageTransform.Microsoft.gradient()可添加
    特性:

    Enabled:布尔值(Boolean)。设置或检索滤镜是否激活。 true 默认值,滤镜激活 | false 滤镜被禁止

    GradientType:可读写。整数值(Integer)。设置或检索色彩渐变的方向。1 | 0

      1:默认值。水平渐变。

      0:垂直渐变。

    StartColorStr:可读写。字符串(String)。参阅 startColorStr 属性。

    StartColor:可读写。整数值(Integer)。设置或检索色彩渐变的开始颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。

    EndColorStr:可读写。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。

    EndColor:可读写。整数值(Integer)。设置或检索色彩渐变的结束颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。当在脚本中使用此特性时,也可以用十六进制格式: 0xAARRGGBB 。

    在ie9中rgba和filter的效果会叠加形成两层滤镜,所以用hack判断一下: <!--[if lte IE 8]>HTML代码<![endif]-->

    人生短短几十年,要在有限的生命里多做店有意义的事情。莫要让自己迎合别人的眼光活着。随心而为,听从心的声音。讨好自己,悠哉悠哉!
  • 相关阅读:
    联赛膜你测试20 T1 Simple 题解 && NOIP2017 小凯的疑惑 题解(赛瓦维斯特定理)
    P5518
    快速除法 / 取模
    P6860
    spoj LCMSUM
    虚树 学习笔记
    长链剖分 学习笔记
    CF526G
    P4292
    01 分数规划(water)
  • 原文地址:https://www.cnblogs.com/jiaojiaome/p/3601966.html
Copyright © 2011-2022 走看看