Bagaimanakah Saya Boleh Menjadikan Div Ibu Bapa Telus Tanpa Menjejaskan Div Anaknya?

Menetapkan Kelegapan untuk Div ​​Induk Tanpa Menjejaskan Div Anak

Persoalannya berkaitan dengan menetapkan kelegapan selektif untuk div induk tanpa menjejaskan elemen anaknya. Matlamatnya adalah untuk mengekalkan ketelusan hanya untuk div induk sambil mengekalkan elemen anak legap.

Satu penyelesaian yang berkesan ialah menggunakan kaedah rgba(), yang menentukan nilai merah, hijau dan biru (RGB) bersama-sama dengan nilai ketelusan (alfa) menggunakan perpuluhan antara 0 dan 1.

Pertimbangkan HTML dan CSS berikut kod:

<div>

.parent {
  background-color: rgba(255, 0, 0, 0.5);
}

.child {
  color: black;
}

Dalam CSS, sifat warna latar belakang untuk kelas .parent menetapkan ketelusan kepada 50% menggunakan kaedah rgba(). Elemen anak mewarisi sifat warna, yang ditetapkan kepada hitam.

Penyelesaian ini membenarkan tetapan kelegapan bebas untuk elemen induk dan anak, mengekalkan ketelusan latar belakang yang diingini untuk div induk sambil mengekalkan kelegapan elemen anaknya .

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menjadikan Div Ibu Bapa Telus Tanpa Menjejaskan Div Anaknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!