1、opacity:是属性,整个元素包含子元素全部都会透明,取值范围0-1;
2、background-color:rgba(0,0,0,.5)rgba是值,用于背景,取值范围0-1。
补充:a-alpha=透明度通道
实例:
1 div{ 2 width: 200px; 3 height: 200px; 4 border: 1px solid red; 5 background-color: purple; 6 opacity:0;隐藏 7 opacity:1; //显示 8 }
1、opacity:是属性,整个元素包含子元素全部都会透明,取值范围0-1;
2、background-color:rgba(0,0,0,.5)rgba是值,用于背景,取值范围0-1。
补充:a-alpha=透明度通道
实例:
1 div{ 2 width: 200px; 3 height: 200px; 4 border: 1px solid red; 5 background-color: purple; 6 opacity:0;隐藏 7 opacity:1; //显示 8 }