Rumah > Artikel > hujung hadapan web > Berikut adalah beberapa tajuk berasaskan soalan berdasarkan artikel yang disediakan: formal
Mengatasi Kelegapan Diwarisi untuk Elemen Anak
Dalam CSS, elemen mewarisi kelegapan daripada elemen induknya. Untuk melaraskan hanya kelegapan ibu bapa sambil mengekalkan penampilan asal anak, pertimbangkan pendekatan berikut:
1. Pengiraan Kelegapan:
Nilai Kelegapan adalah berganda. Ini bermakna elemen dengan kelegapan 0.5 dalam induk dengan kelegapan 0.6 akan mempunyai kelegapan berkesan 0.3 (0.5 * 0.6).
Contoh:
<code class="css">#parent { opacity: 0.6; } #child { opacity: 1; }</code>
Dalam contoh ini, elemen #anak akan kelihatan legap walaupun induknya mempunyai kelegapan lutsinar.
2. Mengubah kedudukan Anak:
Jika boleh, alihkan elemen #anak di luar elemen #induk. Ini akan menghalang anak daripada mewarisi kelegapan ibu bapa.
3. Menggunakan Warna RGBA untuk Kanak-kanak:
Daripada menetapkan kelegapan terus pada induk, gunakan warna RGBA untuk latar belakang, jidar atau fon elemen kanak-kanak. Warna RGBA menentukan kelegapan sebagai nilai keempat:
<code class="css">#child { background-color: rgba(255, 165, 0, 0.5); }</code>
Nota Tambahan:
Atas ialah kandungan terperinci Berikut adalah beberapa tajuk berasaskan soalan berdasarkan artikel yang disediakan: formal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!