对于如何以十六进制格式表示颜色(包括 Alpha 通道),是否有 W3 或任何其他值得注意的标准?
是#RGBA 还是#ARGB?
在 CSS 3 中,引用规范,“RGBA 值没有十六进制表示法”(请参阅CSS Level 3 规范)。相反,您可以使用带有小数或百分比的 rgba() 函数表示法,例如rgba(255, 0, 0, 0.5) 将是 50% 透明红色。 RGB 通道为 0-255 或 0%-100%,alpha 为 0-1。
在 CSS 颜色级别 4 中,您可以使用 8 位十六进制颜色的第 7 个和第 8 个字符或 4 位十六进制颜色的第 4 个字符指定 Alpha 通道(请参阅CSS 颜色模块级别 4 规范*)
截至 2022 年 7 月,预计超过 95% 的用户能够理解 #RGBA 格式
自以下时间以来一直受到支持:
- Firefox 49,2016 年 9 月发布(Mozilla 错误 567283).
- Safari 10,2016 年 9 月发布。
- Chrome 62,2017 年 10 月发布。对于早期版本,您可以启用实验性 Web 功能来使用此语法。看铬问题 618472 and Webkit 错误 150853.
- Opera 52,2018 年 3 月发布(或启用实验性 Web 功能时发布 Opera 39)。
- Edge 79,2020 年 1 月发布(基于 Chromium 的 Edge 的第一个版本)
- 三星互联网 8.2,2018 年 12 月发布
- Android P(您的应用必须针对 Android P 或更高版本)
以下情况不支持:
- IE
- Original Edge(版本号不超过 18)
- 迷你歌剧院
- UC浏览器
最新的浏览器支持信息是可在 CanIUse.com 上获取
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)