Bagaimanakah Saya Boleh Mengawal Kelegapan Warna Latar Belakang dalam CSS Tanpa Menjejaskan Kelegapan Teks?

Mengawal Kelegapan Warna Latar Belakang dalam CSS

Dalam CSS, memberikan sifat kelegapan kepada div akan menjejaskan kedua-dua latar belakang dan teks di dalamnya . Walau bagaimanapun, adalah mungkin untuk mengubah suai kelegapan warna latar belakang sambil mengekalkan kelegapan teks.

Menggunakan Fungsi rgba()

Fungsi rgba() boleh digunakan untuk tentukan warna latar belakang dan saluran alfanya, yang mengawal kelegapan. Sintaks adalah seperti berikut:

background: rgba(R, G, B, A);

• R, G dan B mewakili nilai merah, hijau dan biru untuk warna (sama ada integer atau peratusan).
• A mewakili nilai saluran alfa, yang berjulat daripada 0 (lutsinar) hingga 1 (legap).

Untuk contoh:

background: rgba(51, 170, 51, 0.6);

Kod ini menetapkan warna latar belakang kepada hijau lut sinar dengan kelegapan 60%, manakala teks dalam div akan kekal legap sepenuhnya.

Sokongan Penyemak Imbas

Sehingga 2018, sintaks rgba() disokong secara meluas dalam semua web utama pelayar.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengawal Kelegapan Warna Latar Belakang dalam CSS Tanpa Menjejaskan Kelegapan Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!