مناقشة حول قضايا وراثة شفافية CSS في IE وFF

عندما تقوم الحاوية الأصلية بتعيين الشفافية، فإن الحاوية الفرعية سترث خصائص الحاوية الأصلية. في مواجهة هذه المشكلة، لا نعرف ما إذا كان يجب أن نسميها خطأً أم مشكلة في كيفية فهم الجميع للشفافية. بغض النظر عما يعتبره معيار CSS هو الأكثر منطقية، فكيف يمكن حل مثل هذه المشكلة عندما نواجه موقفًا لا نريد فيه أن تكون الحاوية الفرعية شفافة.

الطريقة الأولى:

بالنسبة إلى IE، أضف الحاوية الفرعية:
الموقف:نسبي؛
بالنسبة لمتصفح فايرفوكس وما إلى ذلك، يمكنك فقط استخدام png.
الخلفية: URL(images/boxBg.png);
/*يتم التعرف على ما يلي فقط بواسطة IE*/
*الخلفية:#CCCCCC؛

الطريقة الثانية:

يعد الوصف الموجز أيضًا طريقة شائعة على الإنترنت.
قم ببناء ثلاث حاويات أولاً، دع الحاوية التي تحتاج إلى أن تكون شفافة والحاوية غير الشفافة تحافظ على علاقة الأخوة.
بعد ذلك، يمكنك التحكم في الحجم من خلال الحاوية الأصلية بحيث تحافظ الحاويتان الشقيقتان على ترتيب يبدو بين الوالدين والطفل من خلال تحديد الموضع.
الطريقة الثانية تتجنب مشكلة وراثة الشفافية، ولكنها لا تحل مشكلة وراثة الشفافية.