Bolehkah saya Menggunakan Warna RGBA Heksadesimal dalam CSS?

Bolehkah saya Menggunakan RGBa Heksadesimal dalam CSS?

Cara tradisional untuk menulis warna perenambelasan dalam CSS adalah menggunakan format #RRGGBB. Contohnya:

background-color: #ff0000; /* red */

Untuk mencapai ketelusan, anda boleh menggunakan format RGBA, yang termasuk saluran alfa:

background-color: rgba(255, 0, 0, 0.5); /* translucent red */

Walau bagaimanapun, pada masa ini tiada cara langsung untuk menentukan ketelusan separa dalam heksadesimal. Anda tidak boleh menggunakan sintaks berikut:

background-color: #ff000088;

Sokongan Masa Depan dalam Modul Warna CSS Tahap 4

Modul Warna CSS Tahap 4 yang akan datang dijangka menyokong RGBA heksadesimal 4 digit dan 8 digit tatatanda. Sintaksnya adalah seperti berikut:

8 digit:

#RRGGBBAA

4 digit:

#RGBA

Penggunaan Praktikal Hari Ini

Walaupun sokongan penyemak imbas untuk tatatanda ini masih terhad, anda boleh menggunakannya dengan sandaran untuk penyemak imbas lama:

figure {
  background: #FEFE7F;
  color: #3F3FFE;
  
  background: rgba(255, 255, 0, 0.5);
  color: rgba(0, 0, 255, 0.75);
  
  background: #ffff007F;
  color: #0000ffbe;
}

Ini memastikan penyemak imbas moden akan menggunakan warna heks lutsinar, manakala penyemak imbas lama akan kembali kepada warna tidak lutsinar.

Atas ialah kandungan terperinci Bolehkah saya Menggunakan Warna RGBA Heksadesimal dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!