استخدم dd_belatedpng لتمكين IE6 لدعم الصور الشفافة PNG

كما نعلم جميعًا ، لا يدعم IE6 صور PNG شفافة ، وله صور PNG لها تأثيرات لا يمكن أن تحققها تنسيقات الرسومات الأخرى من حيث التعبير في تصميم الويب. يحد العيب المميت لـ IE6 بشكل كبير من الأداء الإبداعي لتصميم الويب.

على الرغم من وجود العديد من الطرق لحل PNG شفاف في IE6 ، من استخدام المرشحات أو التعبيرات الخاصة بـ IE ، إلى استبدال GIF الشفاف. ومع ذلك ، فإن هذه الأساليب لها عيب واحد ، وهو أنها لا تدعم سمات الموضع والخلفية في الخلفية في CSS. باستخدام dd_belatedpng.js يمكنه حل مشكلة شفافية صورة PNG بشكل مثالي تحت IE6 ، ويدعم وضع الخلفية وتكرار الخلفية. هذا غير متوفر في طرق أخرى. في الوقت نفسه ، يدعم dd_belatedpng أيضًا سمة: تحوم و <img>.

أضاف موقعنا على الويب dd_belatedpng لمعالجة الصور الشفافة للملاحة للحفاظ على نفس المظهر تحت متصفحات مختلفة.

الموقع الرسمي DD_BELBELATERPNG: انقر هنا للزيارة!

1. قم بتنزيل ملف JS أولاً:

ثم ارجع إلى الرمز في الصفحة:

 <! - [ifie6]>
 <scriptType = text/javaScriptsrc = تم تنزيله js path> </script>
 <script>
 dd_belatedpng.fix ('css selector ، type application') ؛
 </script>
 <! [endif]->

الوظيفة المرجعية هي dd_belatedpng.fix () ، ويمكن استخدام محدد CSS (محدد المعرف ومحدد الفئة) ونوع التطبيق (مقسومًا إلى IMG والخلفية) بين قوسين.

مثل dd_belatedpng.fix ('#box-one ، img') أو dd_belatedpng.fix ('. header ، background') إلخ.

يمكن اختصارها على أنها dd_belatedpng.fix ('#box-one ، .header ، img ، background') ؛ .

المزيد من المحددات مثل dd_belatedpng.fix ('#box-one ، .header ،#footer ، .box-two a: hover ، img ، background') ؛ وهلم جرا.

بالإضافة إلى ذلك ، لحل صورة الخلفية التي تتخبط تحت IE6 ، يمكنك إضافة البرنامج النصي التالي إلى الصفحة:

 <! - [ifie6]>
 <scriptType = text/javaScript>
 // <! [CDATA [
 if ((window.navigator.appname.touppercase ()
 يحاول{
 document.execCommand (backgroundImageCache ، false ، true) ؛
 }
 catch (e) {}
 //]]>
 </script>
 <! [endif]->