设置div背景透明的两种方法

实现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 之间， 代表透明度。
效果图：