我知道你能写…
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的十进制刻度，这很烦人。
当前回答
在伪元素之后使用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 >
其他回答
恐怕不行。你知道的rgba格式是唯一的。
如果你可以使用LESS，有一个渐隐功能。
@my-opaque-color: #a438ab;
@my-semitransparent-color: fade(@my-opaque-color, 50%);
background-color:linear-gradient(to right,@my-opaque-color, @my-semitransparent-color);
// result:
background-color: linear-gradient(to right, #a438ab, rgba(164, 56, 171, 0.5));
请看这里http://www.w3.org/TR/css3-color/#rgba-color
这是不可能的，很可能是因为0xFFFFFFFF大于32位整数的最大值
在Sass中，我们可以这样写:
background-color: rgba(#ff0000, 0.5);
因为它被建议在十六进制表示的颜色与alpha通道?
#rrggbbaa符号在Chrome 62+和所有其他常绿浏览器中完全支持:
background: #56ff0077;
