Bolehkah Notasi Heksadesimal Mewakili Warna Separa Telus dalam CSS?

RGBA Heksadesimal CSS

Pertanyaan:

Adakah terdapat cara ringkas untuk mewakili warna separa lutsinar dalam perenambelasan?

Jawapan:

Ya, Modul Warna CSS Tahap 4 (kini dalam peringkat draf editor) mencadangkan sokongan untuk tatatanda RGBA heksadesimal 4 dan 8 digit :

Heksadesimal 4 Digit Notasi

• Digit pertama mewakili saluran merah (0-f).
• Tiga digit seterusnya mewakili saluran hijau, biru dan alfa, masing-masing.

Contoh:

background: #0000; /* Translucency omitted */

Notasi Heksadesimal 8-Digit

• Yang pertama enam digit mewakili nilai RGB (seperti 6 digit yang sedia ada tatatanda).
• Dua digit terakhir mewakili saluran alfa (00 = lutsinar sepenuhnya, ff = legap sepenuhnya).

Contoh:

background: #00000000; /* Fully transparent */

Pelayar Masa Depan:

Sementara ini tatatanda belum lagi disokong dalam penyemak imbas semasa, ia mungkin akan diperkenalkan dengan pelaksanaan spesifikasi Modul Warna Tahap 4. Pantau kemas kini penyemak imbas untuk keserasian.

Sandaran untuk Penyemak Imbas Tidak Menyokong:

Sementara itu, anda boleh menggunakan sandaran untuk memastikan sokongan dalam semua penyemak imbas:

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

Atas ialah kandungan terperinci Bolehkah Notasi Heksadesimal Mewakili Warna Separa Telus dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!