Google Chrome DevtoolRGBAの問題
私はここ数ヶ月同じ問題に取り組んできました。私は同じ問題をグーグルで検索しましたが、これまで誰もこの問題に対処したことがないと思います。
以前は、#FFFFFFなどの16進色の透明度を変更すると、Chrome devtoolsはRGBA(255,255,255,10%)のようなRGBAバージョンのオプションを提供していましたが、同じことを行うと、結果は10%の白色の透明度になりますise rgb(255 255 255/10%)
ご覧のとおり、RGBAはなくなり、devtoolonşyはrgbタイプの奇妙なバージョンを示しています。
以前に同じ問題を出した人はいますか?そして、あなたはそれを修正する方法を知っていますか?
回答
これは、DevToolsの意図的な変更でした。カンマベースの構文は、仕様で現在「レガシー構文」と呼ばれているものです。
見る https://twitter.com/mathias/status/1253242715304857601:
💡ソースコードで、コンマを使用した古い
rgb()/hsl()CSSカラー構文の使用を停止します。最新のすべてのブラウザでサポートされている、最新のコンマフリーのCSSカラー構文に慣れてください。
どうして?など、今後の新機能
lab()、lch()および、color()同じ構文を使用します(コンマでは動作しません)。
仕様: https://drafts.csswg.org/css-color/#rgb-functions
[…]レガシーの理由から、
rgba()と同じ文法と動作を持つ関数も存在しrgb()ます。
オープンクロームデベロッパー>>オープンカラーピッカー+シフト