الكشف عن سبب تكديس تعديلات الترتيب في مرشحات Webkit

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

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

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

حسب المواصفات:

"A تؤدي القيمة المحسوبة بخلاف لا شيء إلى إنشاء سياق تكديس بنفس الطريقة التي تعمل بها عتامة CSS. "

وهذا يعني أن تطبيق مرشح Webkit على صورة ما يؤدي إلى إنشاء تراص جديد السياق، الذي يتجاوز ترتيب التراص الحالي ويضع الصورة التي تمت تصفيتها فوق العناصر الأخرى.

إن فهم هذه الآلية الأساسية يمكّن المطورين من حل مشكلات ترتيب التراص دون اللجوء إلى الفهرسة z، والتي من المحتمل أن تعطل العناصر الأخرى على الصفحة .