css颜色透明色:#00000030;有效吗?

问题描述 投票:0回答:1

我不久前发现了这个“技巧”。将两位数字添加到十六进制颜色可设置透明度。
这适用于 Google Chrome (2024-04) 和 Edge 浏览器。

color: #000000;
(=黑色)
color: #00000030;
(=黑色透明至30%)
30 是一个示例,您可以将其更改为所需的透明度级别。
有谁知道这是否会成为标准? (我希望如此!)我找不到任何相关信息。

css hex
1个回答
0
投票

您可以使用该表示法,但其值位于从 00 到 ff 的十六进制颜色空间中(ff 在十进制编码中为 255),因此数字 30 并不意味着 30%。

你可以在MDN彩页上看到一个例子,50%透明的红色是:

color: #ff000080;

此页面上有一个很好的表格,其中列出了十六进制值:

十六进制颜色如何工作

另请阅读此处:十六进制颜色:“透明”的数字表示?

© www.soinside.com 2019 - 2024. All rights reserved.