CSS设置背景颜色透明度不影响子元素
发表日期：2021-07-20 文章编辑：洛壹网络 文章来源：网站建设公司
按背景颜色 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)。
本文链接：https://www.szluoyi.com/news-details-39-478-1.html
版权声明：
1：本站所有内容均由互联网收集整理、上传，并且以计算机技术研究交流为目的，仅供大家参考、学习，不存在任何商业目的与商业用途，如描述有误或者学术不对之处欢迎及时提出，不甚感谢。
2、 如涉及版权问题，请联系我们4724325@qq.com第一时间处理；
