Google Chrome Devtool RGBA 问题

Question

过去几个月我一直在处理同样的问题。我用谷歌搜索了同样的问题，但我想以前没有人解决过这个问题。

以前当我更改十六进制颜色透明度时，例如#FFFFFF，Chrome devtools 给了我 RGBA 版本的选项，如RGBA(255,255,255,10%)但现在当我做同样的事情时，结果是 10% 的白色透明度ise RGB(255 255 255 / 10%)

如您所见，RGBA 现在消失了，而 devtool 上显示了奇怪的 rgb 类型版本。

有没有人以前发布过同样的问题？你知道如何修复它吗？

Answer 1

这是DevTools 中的有意更改。基于逗号的语法现在被规范称为 \xe2\x80\x9clegacy 语法\xe2\x80\x9d。

\n

请参阅https://twitter.com/mathias/status/1253242715304857601：

\n

\n

在源代码中，停止使用带有逗号的旧rgb()/ hsl()CSS颜色语法。

\n

习惯所有现代浏览器都支持的现代无逗号 CSS 颜色语法。

\n

为什么？即将推出的新功能，例如lab()、lch()和color()使用相同的语法（并且 don\xe2\x80\x99t 使用逗号）。

\n

\n

规格： https: //drafts.c​​sswg.org/css-color/#rgb-functions

\n

\n

[\xe2\x80\xa6] 由于遗留原因，rgba()还存在一个函数，其语法和行为与rgb().

\n

\n