代码之家 › 专栏 › 技术社区 › doğukan

为什么我不能在CSS变量中使用rgba?

css-variables sass css

doğukan · 技术社区 · 5 年前

我试图在SCSS文件中创建这个变量。但那不管用。我做错什么了?

--orange: #fda63c;
--orange-light: rgba(var(--orange), 0.15);

这也不管用:

--orange: #fda63c;
background-color: rgba(var(--orange), 0.15);

1 回复 | 直到 5 年前

Andy Hoffman 5 年前

您将无法将函数传递到 rgba ,但是 rgba公司 将接受包含 rgb

:root {
--orange: 253, 166, 60;
--orange-light: rgba(var(--orange), 0.15);  
}


p {
  color: var(--orange-light);
}

<p>Hello orange world</p>

推荐文章

ineedtoknow · 如何以重复模式(蓝色、紫色、红色)为儿童应用背景色[重复]

8 月前

user p · 如何修复Angular Material侧边栏的滚动问题

10 月前

Samvel · 无法通过sass模块编译scss文件

1 年前

Frankey · :not()CSS伪类未按预期工作

1 年前

Patrick Kenny · 如何将全局SCSS文件添加到Svelte/SvelteKit?

1 年前

Ch. · scs中@media的误导最小宽度和最大宽度

1 年前

Yiu Chak · 错误:“…m 55%在右侧”后无效CSS

1 年前

Sudeepa T · 无法定位元素[重复]

1 年前

kold-kreator · 编辑Bootstrap 5卡盒阴影的SASS

1 年前

JuliaBland299 · 如何使链接不占用网格中的空间?

1 年前