84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我正在尝试改变存储在变量中的颜色的不透明度。
:root { --main-theme-color: rgb(123, 40, 231); } .box{ background-color: rgba(var(--message-box-transparency),0.5); }
我尝试将其设置为rgba以改变变量中颜色的不透明度，但它没有起作用，有没有其他方法可以改变变量中颜色的不透明度。
你可以使用自定义属性来实现这个功能
:root { /* #f0f0f0 的十进制 RGB 值 */ --color: 123, 40, 231; } body { background-color: rgb(var(--color)); } .box{ background-color: rgba(var(--color), 0.5); }
:root { /* #f0f0f0 的十进制 RGB 值 */ --color: 123, 40, 231; } body { background-color: rgb(var(--color)); } section{ width:200px; height:200px; background:red; display:flex; align-items:center; justify-content:center; } div { width:150px; height:150px; border:1px solid #000; background-color: rgba(var(--color), 0.5); }
你可以使用自定义属性来实现这个功能
:root { /* #f0f0f0 的十进制 RGB 值 */ --color: 123, 40, 231; } body { background-color: rgb(var(--color)); } .box{ background-color: rgba(var(--color), 0.5); }