opacity(透明度)属性设置

Posted 2020-10-16 蓝心高飛

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 }