zoukankan      html  css  js  c++  java
  • CSS3 -- 透明色(rgba)

    1、rgba 描述

      rgb:红r、绿g、蓝b

      rgba:红r、绿g、蓝b、透明度Alpha

      取值:

        r、g、b值:正整数(0 ~ 255) | 百分数( 0.0% ~ 100.0%);(超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。)

        a透明度值:取值0~1之间;(不可为负)

    2、rgba 兼容

    3、rgba 用法

      rgba:制作透明色(透明背景色、透明边框色、透明前景色等),

      opacity:在CSS2中制作背景色通常用到,但用它制作边框色或前景色的话,则存在问题。

      在CSS2中 兼容 写法:

    /* IE5 - 7 */
    filter: alpha(opacity=80); 
    /* IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
    /* Everyone else */
    opacity: 0.8;

      CSS3中 兼容写法:

    background: rgb(0,0,0); /*The Fallback color,这里也可以使用一张图片来代替*/
    background: rgba(0, 0, 0,0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; /*Filter for IE8 */    
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000); /*Filter for older IEs */
  • 相关阅读:
    个税
    MC9S08中断机制
    各大公司面试笔试
    uc/OSII 任务切换
    Source Insight 使用
    充70送70
    兔年大年30
    pip更新后报No module named pip
    MsSql Md5
    iOS UIImage扩展方法(category):放大、旋转、合并UIImage、增加渐变层、添加阴影、调节透明度、保存到相册
  • 原文地址:https://www.cnblogs.com/libinblog/p/4497854.html
Copyright © 2011-2022 走看看