Problem z Google Chrome Devtool RGBA

Question

Miałem do czynienia z tym samym problemem przez ostatnie kilka miesięcy. Wyszukałem w Google ten sam problem, ale wydaje mi się, że nikt wcześniej nie rozwiązał tego problemu.

poprzednio, kiedy zmieniłem przezroczystość koloru szesnastkowego, na przykład #FFFFFF, narzędzia Chrome Devtools dawały mi opcję wersji RGBA, takiej jak RGBA (255,255,255,10%), ale teraz, gdy robię to samo, uzyskuje się 10% przezroczystości białego koloru ise rgb (255 255 255/10%)

Jak widać, RGBA zniknęło, a devtool onşy pokazuje dziwną wersję typu rgb.

Czy ktoś wcześniej zgłosił ten sam problem? Czy wiesz, jak to naprawić?

Answer 1

To była celowa zmiana w DevTools . Składnia oparta na przecinkach jest tym, co specyfikacja nazywa teraz „starszą składnią”.

Widzieć https://twitter.com/mathias/status/1253242715304857601:

💡 W kodzie źródłowym przestań używać starej składni kolorów rgb()/ hsl()CSS z przecinkami.

Przyzwyczaj się do nowoczesnej składni kolorów CSS bez przecinków, obsługiwanej we wszystkich nowoczesnych przeglądarkach.

Czemu? Nadchodzące nowe funkcje, takie jak lab(), lch()i color()używają tej samej składni (i nie działają z przecinkami).

Spec: https://drafts.csswg.org/css-color/#rgb-functions

[…] Ze względu na dziedzictwo rgba()istnieje również funkcja o identycznej gramatyce i zachowaniu rgb().

Answer 2

otwórz programistę chrome >> otwórz próbnik kolorów + shift