不透明度

发表于 | 分类于

opacity

1
2
3
4
5
.alert1 {
	background: #000;
	opacity: 0.2;
	filter: alpha(opacity=20); /*proprietary IE code*/
}

效果：容器背景不透明度为0.2，文字不透明度为0.2，其子元素皆继承其透明特性。

rgba

1
2
3
.alert2 {
	background-color: rgba(0,0,0,0.2);
}

效果：容器背景色不透明度为0.2，文字不透明度为1，其子元素不继承该特性。

对比图

image