WP PngFix: حل لمشاكل ظهور أيقونات PNG في إنترنت إكسبلورر [مشاكل وحلول]
واحدة من المُشكلات المُزعِجة التي تواجه المصممين والمطورين مع Internet Explorer, هي تلك المشكلة مع الأيقونات التي بالامتداد png. هذا الامتداد, يتمتع بميزة مهمة وهي png alpha transparency. هذه المشكلة لا يعاني منها المصممون والمطورون فحسب, بل والمستخدمون (أصحاب المواقع والمدوات). يُظهر IE هذه الأيقونات بأسوأ شكل ممكن في حين أن متصفحات مثل Opera و Firefox تُظهرهما بأفضل شكل ممكن لأن لديهما القدرة على التعامل مع ميزة alpha transparency. إذا كان هذه هي المرة الأولى تقرأ فيها عن هذه المشكلة, فأرجو أن تنظر إلى هاتين الصورتين; الصورة الأولى توضح كيف تظهر هذه الأيقونات في IE, والثانية توضح كيف تظهر في FF:
![]()
ظهور الأيقونات في IE
![]()
ظهور الأيقونات في FF
يتمتع العاملون في صناعة المواقع وتطويرها بمهارات CSS للتغلب على هذه المُشكلة, أو هكذا يُفترض فيهم. ولكن, ماذا عن مستخدم ووردبريس قليل الخبرة؟ إليك هذا الحل البسيط والفعّال, حمّل إضافة WP PngFix ثم ثبتها وفعلها فتنتهي المشكلة. الآن, يمكنك أن تضيف هذه الأيقونات في مدونتك دون أن تعاني من هذه المشكلة. تستخدم هذه الإضافة تقنيات CSS للتغلب على هذه المشكلة تلقائياً. شُكراً جزيلاً لمُبرمجها. للمواقع (غير المدونات) يمكنك أن تجد الكود الذي ستحتاج إلى إضافته للتغلب على هذه المشكلة. تجده في صفحة مبرمج هذه الإضافة.
أرسل إلى صديق - نسخة للطباعة









شكرا لك الأخ مهدي على هذه المعلومات الثمينة
إصافة لما ذكرت اعلاه أود لفت الانتباه على ان هذه الطريقة تستخدم كذلك الجافا سكريبت و صورة شفافة بصيغة gif و هنا يأتي دور CSS بجعل صورة gif خلفية لصورة png مع بعض التأثيرات التي لا داعي إلى ذكرها.
و دور الجافا سكريبت هو ايجاد معرفات(tag) صور png و تطبيق هذه التفنية عليها
و شكرا جزيلا …
هذا موضوع يؤرق المصممين بل وحتى الزوار الذين لا يستمتعون بالتصاميم. كنت قد كتبت مقالة مشابهة (http://www.kibtar.net/?p=38) توضح طريقة الحل وهي التي تستخدم في جميع الحلول الأخرى ولكن هناك مسألة مشتركة وهي عدم نجاحها مع الخلفات المعينة عن طريق سياساس(css)