مشكلة ضبابية CSS: باستثناء عناصر الطفل من تأثير طمس الوالدين

عند تطبيق مرشح التمويه على عنصر الوالدين باستخدام CSS ، فإنه لا يمكن تجنبها أن العناصر الفرعية ترث أيضًا التأثير. ومع ذلك ، هناك حل لإعفاء عناصر الأطفال من هذا الاهتزاز دون استخدام تحديد المواقع المطلقة. تعيين "الموضع: قريب" إلى Div الوالد و "الموضع: مطلق ؛ أعلى: 0px ؛ اليمين: 0px ؛ القاع: 0px ؛ اليسار: 0px ؛" (أو ضبط الارتفاع/العرض إلى 100 ٪) إلى الخلفية div. هذا يضمن أن الخلفية DIV تغطي بالكامل Div.

عن طريق فصل عنصر الخلفية عن عنصر المحتوى ، فلن يؤثر مرشح Blur المطبق على الخلفية Div على العنصر الطفل الذي يحتوي على النص أو المحتوى الآخر المطلوب.