ปัญหา Google Chrome Devtool RGBA

Question

ฉันได้รับมือกับปัญหาเดียวกันเมื่อสองสามเดือนที่แล้ว ฉันได้แก้ไขปัญหาเดียวกันนี้แล้ว แต่ฉันเดาว่าไม่มีใครแก้ไขปัญหานี้มาก่อน

ก่อนหน้านี้เมื่อฉันเปลี่ยนความโปร่งใสของสีฐานสิบหกเช่น #FFFFFF Chrome devtools ให้ตัวเลือก RGBA เวอร์ชันเช่นRGBA (255,255,255,10%) แก่ฉัน แต่ตอนนี้เมื่อฉันทำสิ่งเดียวกันผลลัพธ์คือความโปร่งใสของสีขาว 10% คือrgb (255 255 255/10%)

อย่างที่คุณเห็น RGBA หายไปแล้วและ devtool onşyแสดง rgb รุ่นแปลก ๆ

ใครเคยออกปัญหาเดียวกันมาก่อนหรือไม่? และคุณรู้วิธีแก้ไขหรือไม่?

Answer 1

นี่คือการเปลี่ยนแปลงความตั้งใจใน DevTools ไวยากรณ์ที่ใช้ลูกน้ำคือสิ่งที่ข้อกำหนดนี้เรียกว่า "ไวยากรณ์เดิม"

ดู https://twitter.com/mathias/status/1253242715304857601:

💡ในซอร์สโค้ดให้หยุดใช้ไวยากรณ์สีrgb()/ hsl()CSS แบบเก่าด้วยเครื่องหมายจุลภาค

ทำความคุ้นเคยกับไวยากรณ์สี CSS ที่ทันสมัยโดยไม่มีเครื่องหมายจุลภาคซึ่งรองรับในเบราว์เซอร์สมัยใหม่ทั้งหมด

ทำไม? คุณสมบัติใหม่ที่จะเกิดขึ้นเช่นlab(), lch()และcolor()ใช้ไวยากรณ์เดียวกัน (และจะไม่ได้ทำงานด้วยเครื่องหมายจุลภาค)

ข้อมูลจำเพาะ: https://drafts.csswg.org/css-color/#rgb-functions

[ ... ] สำหรับเหตุผลที่มรดกซึ่งเป็นฟังก์ชั่นยังมีอยู่มีไวยากรณ์ที่เหมือนกันและพฤติกรรมrgba()rgb()

Answer 2

เปิดผู้พัฒนา Chrome >> เปิดตัวเลือกสี + กะ