Bolehkah Saya Membuat Warna Latar Belakang Elemen Telus dalam CSS?

Adakah Mungkin untuk Mengehadkan Kelegapan CSS kepada Warna Latar Belakang Tidak Termasuk Teks?

Dalam CSS, sifat kelegapan mengawal ketelusan sesuatu elemen. Walau bagaimanapun, anda mungkin menghadapi situasi di mana anda ingin menggunakan kelegapan hanya pada warna latar belakang elemen tanpa menjejaskan teks.

Masalah:

Seperti yang anda perhatikan , hanya menetapkan kelegapan untuk sifat latar belakang tidak mencapai yang diingini kesan.

Penyelesaian:

Untuk mencapai hasil yang diinginkan, anda boleh menggunakan fungsi rgba(). Fungsi ini membolehkan anda menentukan warna dan kelegapan elemen melalui empat saluran: merah, hijau, biru dan alfa.

Sintaks rgba() adalah seperti berikut:

rgba(R, G, B, A)

di mana:

• R, G dan B mewakili komponen merah, hijau dan biru bagi warna, masing-masing. Nilai ini boleh ditentukan sebagai integer atau peratusan.
• A mewakili saluran alfa, yang mengawal ketelusan elemen. Nilai 0 sepadan dengan ketelusan penuh, manakala nilai 1 sepadan dengan kelegapan penuh.

Sebagai contoh, untuk menjadikan latar belakang elemen telus separa sambil mengekalkan kelegapan teks, anda boleh gunakan kod berikut:

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

Dalam kod ini, fungsi rgba() digunakan untuk menentukan latar belakang hijau muda dengan 60% kelegapan. Warna teks akan kekal tidak terjejas oleh pelarasan kelegapan ini.

Sehingga 2018, sintaks rgba() disokong oleh hampir semua penyemak imbas utama.

Atas ialah kandungan terperinci Bolehkah Saya Membuat Warna Latar Belakang Elemen Telus dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!