CSS设置背景颜色透明度不影响子元素

2022-05-08 分类：网站建设

按背景颜色 background-color要设透明度0.85，让背景图片 background-image透一点出来，而且 background-color的值是后端传过来的动态数据，背景颜色动态改变，UI同学给的数据全是6位HEX，需要设置透明度。

设置透明度首先会想到用opacity，但 opacity 会把被设置的元素及其子元素同时设置为同一个透明度，我需要子元素不透明，opacity就不能用了。

rgba的alpha值可以设透明度而不影响子元素。但是UI同学给的几百个数据都是6位hex，所以需要手动把6位hex格式转成rgb格式，再加上alpha值0.85写成rgba(x, x, x, 0.85)。

网站名称：CSS设置背景颜色透明度不影响子元素
本文路径：https://www.cdcxhl.com/news7/151257.html

成都网站建设公司_创新互联，为您提供面包屑导航、品牌网站制作、响应式网站、域名注册、Google、网站排名

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容