css3颜色

RGBA

RGBA(R,G,B,A)

语法 background: RGBA(R,G,B,A);

取值

• R：红色值。正整数 | 百分数
• G：绿色值。正整数 | 百分数
• B：蓝色值。正整数 | 百分数
• A：Alpha透明度。取值0~1之间

background: rgba(0, 0, 0, .5);

HSLA

语法：background-color: hsl(h, s, l);

取值

• H：Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：0 - 360
• S：Saturation(饱和度)。取值为：0.0% - 100.0%
• L：Lightness(亮度)。取值为：0.0% - 100.0%
• A：Alpha透明度。取值0~1之间

background-color: hsla(360, 50%, 50%, .5);

opacity

opacity:属性设置元素的不透明级别

语法 ：opacity: value|inherit;

取值

• *value*:规定不透明度。从 0.0 （*透明）到 1.0（*不透明）
• inherit:应该从父元素继承 opacity 属性的值

div { 
 opacity:.5; 
}

兼容ie8

div { 
 /*值的范围：1-100 */ 
 filter：alpha（opacity=0）; 
}