我知道你能写…
background-color: #ff0000;
．.． 如果你想要红色的东西。
你可以写…
background-color: rgba(255, 0, 0, 0.5);
．.． 如果你想要红色半透明的。
有没有简单的十六进制表示部分透明颜色的方法?我想要这样的东西:
background-color: #ff000088; <--- the 88 is the alpha
．.． 还是……
background-color: #ff0000 50%;
我得到的所有颜色都是十六进制的，而必须将它们全部转换为0-255的十进制刻度，这很烦人。
当前回答
为什么不使用 background - color: # ff0000; 透明度:0.5; 过滤器:α(不透明度= 50);IE */中的/*
如果您为文本或元素指定颜色，这应该容易得多。
其他回答
我在对问题进行增强后找到了答案。对不起!
Excel帮了大忙!
只需在十六进制颜色值前添加十六进制前缀，就可以添加一个透明度与%值相同的alpha。
(在rbga中，不透明度百分比是用上面提到的十进制表示的)
Opacity % 255 Step 2 digit HEX prefix
0% 0.00 00
5% 12.75 0C
10% 25.50 19
15% 38.25 26
20% 51.00 33
25% 63.75 3F
30% 76.50 4C
35% 89.25 59
40% 102.00 66
45% 114.75 72
50% 127.50 7F
55% 140.25 8C
60% 153.00 99
65% 165.75 A5
70% 178.50 B2
75% 191.25 BF
80% 204.00 CC
85% 216.75 D8
90% 229.50 E5
95% 242.25 F2
100% 255.00 FF
为什么不使用 background - color: # ff0000; 透明度:0.5; 过滤器:α(不透明度= 50);IE */中的/*
如果您为文本或元素指定颜色，这应该容易得多。
Sass有红色，绿色，蓝色可以从十六进制颜色中提取通道:
background-color: rgba(red($hex_color), green($hex_color), blue($hex_color), 0.2);
Sass也有rgba($hex_color， $alpha)
在伪元素之后使用an:怎么样?
# myDiv { 位置:相对; 宽度:128 px; 身高:128 px; background - color: # ccc; ｝ # myDiv:{后 内容:”; 位置:绝对的; 左:0; 上图:0; 宽度:100%; 高度:100%; pointer-events:没有; /*给你*/ 保证金:8 px; 边框:实体8px #00f; 透明度:0.2; ｝ <div id="myDiv">hello world!< / div >
#rrggbbaa符号在Chrome 62+和所有其他常绿浏览器中完全支持:
background: #56ff0077;
