صور PNG8 غير مرئية في IE6

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

المشكلة تكمن في صورة PNG8 نفسها، المثال التالي يحاكي الموقف، عند التصفح باستخدام IE6، ستجد أن الرموز الأربعة في الصف الثاني غير مرئية. تجريبي

اتضح أن الرموز الأربعة أدناه قد تم تعديلها إلى 90% "شفافية ألفا" (يمكن لـ FW الاحتفاظ بـ "شفافية ألفا" عند تصدير PNG8، لكن PS لا يمكنه القيام بذلك).

يمكن تصفح الرموز الشفافة بواسطة Alpha بشكل طبيعي في برامج التصفح العامة أو FF وChrome وSafari وOpera وIE7 والمتصفحات الأعلى، باستثناء IE6.

في الواقع، هناك طريقة لجعل IE6 يدعم "شفافية Alpha" الخاصة بـ PNG8، وهذه الطريقة هي نفس طريقة مرشح PNG32 IE. تجريبي

من النتائج المذكورة أعلاه، علمنا أن png8 "شفافية ألفا" هي التي تسببت في المشكلة. وهذه المرة يختلف PNG8 عن png32 حيث أن المتصفحات التي لا تدعم شفافية png (مثل ie6) سترجع تلقائيًا إلى الشفافية الكاملة (مثل gif)، بدلاً من الحصول على خلفية رمادية مثل png32.