Pembahasan masalah pewarisan transparansi CSS di IE dan FF

Ketika penampung induk menyetel transparansi, penampung anak akan mewarisi properti penampung induk. Menghadapi masalah ini, kami tidak tahu apakah harus menyebutnya sebagai bug atau masalah dalam cara semua orang memahami transparansi. Terlepas dari apa yang menurut standar CSS paling masuk akal, bagaimana mengatasi masalah seperti itu ketika kita menghadapi situasi di mana kita tidak ingin subkontainer menjadi transparan.

Metode satu:

Untuk IE, tambahkan subkontainer:
posisi:relatif;
Untuk firefox dll hanya bisa menggunakan png.
latar belakang:url(gambar/boxBg.png);
/*Berikut ini hanya dikenali oleh IE*/
*latar belakang:#CCCCCC;

Metode dua:

Penjelasan singkat juga merupakan metode umum di Internet.
Buatlah tiga wadah. Pertama, biarkan wadah yang transparan dan wadah buram menjaga hubungan saudara.
Kemudian, kendalikan ukurannya melalui penampung induk sehingga kedua penampung saudara mempertahankan pengaturan induk-anak melalui pemosisian.
Metode kedua menghindari masalah pewarisan transparansi, namun tidak menyelesaikan masalah pewarisan transparansi.