CSS: 在背景色为var()的情况下如何设置背景透明度？
站长
· 阅读数 10
有个div，它的背景色通过var(--xxx)指定（其中-xxx为rgb或hsl格式的颜色），如何在此基础上再设置背景透明度？（只改变背景的透明度，但是里面的内容是不需要透明的。）
回复
1个回答
test
2024-07-13
需要根据情况具体分析，列一下方案：
- 直接使用 rgba 或 hsla 形式，如
rgba(255, 0, 0, 0.6)。 - 使用十六进制色值也可以同时指定透明度，如
#0996或#00999966。 - 使用伪元素来充当背景。
这才发现，没有 background-opacity 属性，而使用 opacity 和 filter: opacity() 会影响到元素整体。
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容