我知道你能写…
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的十进制刻度，这很烦人。
当前回答
在Sass中，我们可以这样写:
background-color: rgba(#ff0000, 0.5);
因为它被建议在十六进制表示的颜色与alpha通道?
其他回答
白马王子:
只有ie浏览器允许ARGB格式的4字节十六进制颜色，其中A是Alpha通道。它可以用于渐变过滤器，例如:
filter : ~"progid:DXImageTransform.Microsoft.Gradient(GradientType=@{dir},startColorstr=@{color1},endColorstr=@{color2})";
其中dir可以是:1(水平)或0(垂直) 颜色字符串可以是十六进制颜色(#FFAAD3)或argb十六进制颜色(#88FFAAD3)。
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 >
在Sass中，我们可以这样写:
background-color: rgba(#ff0000, 0.5);
因为它被建议在十六进制表示的颜色与alpha通道?
恐怕不行。你知道的rgba格式是唯一的。
