Bagaimanakah Saya Boleh Menjadikan Latar Belakang Div Legap Tanpa Menjejaskan Teksnya?

Kelegapan CSS untuk Warna Latar Belakang Sahaja, Tetapi Bukan Teks

Masalah:

Adakah mungkin untuk menetapkan sifat kelegapan eksklusif untuk latar belakang div, tanpa menjejaskan teks di dalamnya ia?

Percubaan Awal:

Kod berikut telah dicuba:

background: #CCC;
opacity: 0.6;

Walau bagaimanapun, kaedah ini gagal mengubah suai kelegapan latar belakang.

Penyelesaian:

Untuk mencipta latar belakang lutsinar sambil membiarkan teks tidak terjejas, pertimbangkan untuk menggunakan fungsi rgba():

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

Fungsi rgba(). Sintaks:

• R, G, B: Integer atau peratusan yang mewakili nilai merah, hijau dan biru.
• A: Nilai alfa antara 0 dan 1 atau peratusan, dengan 1 mewakili penuh kelegapan.

Contoh:

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

Kod ini mencipta latar belakang yang 40% legap dengan warna hijau.

Keserasian Pelayar:

Sehingga 2018, hampir setiap penyemak imbas moden menyokong sintaks rgba().

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menjadikan Latar Belakang Div Legap Tanpa Menjejaskan Teksnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!