首页 话题 小组 问答 好文 用户 我的社区 域名交易

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

发布于 2024-11-11 19:28:26
0
29

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,这样就能让背景图片半透明显示。

评论
91云脑
Lv.1普通用户

62845

帖子

12

小组

80

积分

站长交流