Sự cố Google Chrome Devtool RGBA

Question

Tôi đã đối phó với cùng một vấn đề trong vài tháng trước. Tôi đã tìm kiếm vấn đề tương tự nhưng tôi đoán không ai giải quyết vấn đề này trước đây.

trước đây khi tôi thay đổi độ trong suốt của màu hệ lục phân, chẳng hạn như #FFFFFF, các nhà phát triển Chrome đã cung cấp cho tôi tùy chọn phiên bản RGBA như RGBA (255,255,255,10%) nhưng bây giờ khi tôi làm điều tương tự, kết quả cho độ trong suốt của màu trắng là 10% ise rgb (255 255 255/10%)

Như bạn có thể thấy RGBA hiện đã biến mất và devtool onşy hiển thị phiên bản lạ của loại rgb.

Có ai đã ban hành cùng một vấn đề trước đây? Và bạn có biết cách khắc phục nó không?

Answer 1

Đây là một thay đổi có chủ đích trong DevTools . Cú pháp dựa trên dấu phẩy là cái mà spec hiện gọi là "cú pháp kế thừa".

Xem https://twitter.com/mathias/status/1253242715304857601:

💡 Trong mã nguồn, hãy ngừng sử dụng cú pháp màu cũ rgb()/ hsl()CSS với dấu phẩy.

Làm quen với cú pháp màu CSS hiện đại không có dấu phẩy, được hỗ trợ trong tất cả các trình duyệt hiện đại.

Tại sao? Các tính năng mới sắp ra mắt như lab(), lch()và color()sử dụng cùng một cú pháp (và không hoạt động với dấu phẩy).

Thông số: https://drafts.csswg.org/css-color/#rgb-functions

[…] Vì lý do kế thừa, một rgba()hàm cũng tồn tại, với ngữ pháp và hành vi giống hệt nhau rgb().

Answer 2

mở nhà phát triển chrome >> mở bộ chọn màu + thay đổi