实现div背景透明的两种方法
1.使用opacity属性
background-color:#000;
opacity: 0.5;
这样做可以设置div内部所以区域的透明度,但是也会影响里面的文字,效果图:
2、只改变背景透明度,不改变其中文字、图片等透明度的方法
background-color: rgba(0,0,0,0.5);
其中前三位数是设置背景颜色,取值范围是0~255,全部为零代表黑色,全部为255代表白色。
rgba即红色、绿色、蓝色、透明度(英语:Red, Green, Blue、Alpha)。
红色(R)0 到 255 间的整数,代表颜色中的红色成分。。
绿色(G)0 到 255 间的整数,代表颜色中的绿色成分。
蓝色(B)0 到 255 间的整数,代表颜色中的蓝色成分。
透明度(A)取值 0~1 之间, 代表透明度。
效果图: