时间戳

首页 > 解决方案 > Google Chrome Devtool RGBA 问题

google-chrome - Google Chrome Devtool RGBA 问题

问题描述

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

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

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

rgba问题

以前有没有人发出过同样的问题？你知道如何解决它吗？

标签： google-chromegoogle-chrome-devtools

解决方案

这是DevTools 中的有意更改。基于逗号的语法是规范现在所说的“遗留语法”。

见https://twitter.com/mathias/status/1253242715304857601：

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

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

为什么？即将推出的新功能，如lab(),lch()和color()使用相同的语法（并且不使用逗号）。

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

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

推荐阅读