[分享]css中如何让图片做背景透明

CSS中可以使用opacity属性来让图片透明度降低，但是这样会影响图片的整体透明度，如果需要让图片作为背景透明，则可以使用以下两种方法：方法一：使用rgba颜色值backgroundcolor: r...

CSS中可以使用opacity属性来让图片透明度降低，但是这样会影响图片的整体透明度，如果需要让图片作为背景透明，则可以使用以下两种方法：

方法一：使用rgba颜色值

background-color: rgba(255, 255, 255, 0.5); 

将background-color属性的颜色值改为rgba(x,x,x,x)这样的格式，其中r、g、b代表红、绿、蓝三种颜色，最后一个参数表示透明度，取值范围为0~1之间，数值越小越透明。

方法二：使用opacity和background-image配合

background-image: url(img/bg.png);
opacity: 0.5; 

将背景图片的URL通过background-image属性加载，然后设置opacity属性为0.5，这样就能让背景图片半透明显示。