
rgba(var --color)在 Sass 中无效的解决方法
在 Sass 中使用 rgba(var --color) 时遇到透明问题,可能是因为以下原因:
编译后的 CSS 代码
rgba($themeColor, 0.8) 在编译后会变为 rgba(var(--color_theme, #409EFF), 0.8)。
var(--color_theme)
保君发免费网站系统使用说明:一、 本程序完全免费,并且,保证功能全部可以使用,且无后门及木马等,请放心使用。二、 如果发现问题,请及时联系我们,我们会义务尽力解决所反映的问题。或到本公司网站下载更新程序。三、 修改三个文件就能成为自己的网站:1、顶部图片LOGO.GIF,2、替换透明动画:LOGO.SWF,3、修改#sys123.asp中的内容为你想要的内容。
var(--color_theme, #409EFF) 中的变量 --color_theme 经过编译后得到的是一个 16 进制颜色值(例如,#409EFF)。但是,rgba 函数需要 10 进制 颜色值作为第一个参数,而不是 16 进制颜色值。
解决方案
要解决此问题,可以考虑以下方法:
- 使用 RGB 函数: 使用 rgb(var(--color_theme, 255, 255, 255), 0.8),其中 rgb(255, 255, 255) 是白色颜色的 10 进制值。
- 使用变量函数: 使用 var(--color_color, #409EFF)) 获取变量的 10 进制颜色值,然后将其传递给 rgba 函数:rgba(var(--color_color), 0.8) 。
- 使用 CSS 预处理器: 使用其他 CSS 预处理器(如 Less 或 Stylus),它们可能提供特定于 rgba(var --color) 函数的编译支持。








