颜色（color）透明

颜色写法：

1.英文单词

backgroud-color:red；

2. #fff

background-color:#fff;

3.#fefefe

background-color:fefefe;

4.rgb()

r:red 0~255

g: green 0~255

b:blue 0~255

5.HSL(浏览器要求比较高)

H：Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：0 - 360

S：Saturation(饱和度)。取值为：0.0% - 100.0%

L：Lightness(亮度)。取值为：0.0% - 100.0%

透明度：

1.opacity

值：0-1,0 完全透明，1 不透明

（<= IE8: filter:Alpha(opacity=50)。）

filter:Alpha(opacity=50)

• 仅支持IE6、7、8、9，在IE10版本被废除
• 在IE6、7中，需要激活IE的haslayout属性(如：*zoom:1或者*overflow:hidden)，让它读懂filter:Alpha
• 在IE6、7、8中，设置了filter:Alpha的元素，父元素设置position:static(默认属性)，其子元素为相对定位，可让子元素不透明

opacity会继承父元素的 opacity 属性

2.rgba

r:red 0~255

g: green 0~255

b:blue 0~255

a:0.0~1.0

3.HSLA(兼容性考虑)

H是色度，取值在0度~360度之间，0度是红色，120度是绿色，240度是蓝色。360度也是红色。

S是饱和度，是色彩的纯度，是一个百分比的值，取值在0%~100%，0%饱和度最低，100%饱和度最高

L是亮度，也是一个百分比值，取值在0%~100%，0%最暗，100%最亮。

A是不透明度，取值在0.0~1.0，0.0完全透明，1.0完全不透明。

RGBA设置的元素的后代元素不会继承不透明属性