การอภิปรายเกี่ยวกับปัญหาการสืบทอดความโปร่งใสของ CSS ใน IE และ FF

เมื่อคอนเทนเนอร์หลักตั้งค่าความโปร่งใส คอนเทนเนอร์ย่อยจะสืบทอดคุณสมบัติของคอนเทนเนอร์หลัก เมื่อเผชิญกับปัญหานี้ เราไม่รู้ว่าจะเรียกมันว่าจุดบกพร่องหรือปัญหาที่ทุกคนเข้าใจถึงความโปร่งใส ไม่ว่ามาตรฐาน CSS จะคิดว่าสมเหตุสมผลที่สุดก็ตาม จะแก้ไขปัญหาดังกล่าวได้อย่างไรเมื่อเราเผชิญกับสถานการณ์ที่เราไม่ต้องการให้คอนเทนเนอร์ย่อยมีความโปร่งใส

วิธีที่หนึ่ง:

สำหรับ IE ให้เพิ่มในคอนเทนเนอร์ย่อย:
ตำแหน่ง:ญาติ;
สำหรับ firefox ฯลฯ คุณสามารถใช้ได้เฉพาะ png เท่านั้น
พื้นหลัง:url(images/boxBg.png);
/*สิ่งต่อไปนี้ได้รับการยอมรับโดย IE เท่านั้น*/
*พื้นหลัง:#CCCCCC;

วิธีที่สอง:

คำอธิบายสั้น ๆ ก็เป็นวิธีการทั่วไปบนอินเทอร์เน็ตเช่นกัน
สร้างคอนเทนเนอร์สามอัน ขั้นแรก ปล่อยให้คอนเทนเนอร์ที่ต้องโปร่งใสและคอนเทนเนอร์ทึบแสงรักษาความสัมพันธ์แบบพี่น้อง
จากนั้น ควบคุมขนาดผ่านคอนเทนเนอร์หลักเพื่อให้คอนเทนเนอร์สองรายการใกล้เคียงกันคงการจัดเรียงที่ดูเหมือนเป็นพาเรนต์-รองผ่านการวางตำแหน่ง
วิธีที่สองหลีกเลี่ยงปัญหาการสืบทอดความโปร่งใส แต่ไม่สามารถแก้ปัญหาการสืบทอดความโปร่งใสได้