如何在 css 背景色为 var() 时设置背景透明度？
如果背景色通过 var(--xxx) 指定，而 --xxx 为 rgb 或 hsl 格式的颜色，则无法直接使用 background-opacity 属性来设置背景透明度。
解决方案：
使用 rgba 或 hsla 形式：
立即学习“前端免费学习笔记（深入）”；
background: rgba(255, 0, 0, 0.6);
使用十六进制色值：
需要注意的是，使用 opacity 或 filter: opacity() 会影响元素整体的透明度，因此不适用于此场景。
以上就是CSS 背景色使用 var() 时如何设置透明度？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
179
收藏
