CSS中可以使用opacity属性来让图片透明度降低,但是这样会影响图片的整体透明度,如果需要让图片作为背景透明,则可以使用以下两种方法:方法一:使用rgba颜色值backgroundcolor: r...
CSS中可以使用opacity属性来让图片透明度降低,但是这样会影响图片的整体透明度,如果需要让图片作为背景透明,则可以使用以下两种方法:
background-color: rgba(255, 255, 255, 0.5);
将background-color属性的颜色值改为rgba(x,x,x,x)这样的格式,其中r、g、b代表红、绿、蓝三种颜色,最后一个参数表示透明度,取值范围为0~1之间,数值越小越透明。
background-image: url(img/bg.png);
opacity: 0.5;
将背景图片的URL通过background-image属性加载,然后设置opacity属性为0.5,这样就能让背景图片半透明显示。