it-swarm.asia

كيفية تمكين ميزات CSS3 في Internet Explorer 6 و 7 و 8؟

في حين أن IE9 تبدو واعدة للغاية ، فإن IE6 و IE7 و IE8 ربما تطاردنا لسنوات عديدة قادمة ، مما يبطئ انتشار CSS3 على الويب.

يضيف عدد من المشروعات القائمة على HTC و JS بعض دعم CSS3 إلى IE:

  • CSS3PIE
  • IE7.js
  • eCSStender
  • DD_roundies
  • border-radius.htc (الزاوية المنحنية)
  • أي-css3.htc
  • أي-css3.js

لدي فقط خبرة مع CSS3PIE (القيام بالأشياء المدورة على http://docs.composite.net/ ) وباستثناء الماوس فوق التأثيرات ، يعمل هذا بشكل جيد وهو CSS3 خالص.

ما ميزات CSS3 التي تجلبها المشروعات المختلفة إلى IE وما مدى جودة ذلك؟ أي منهم فائز واضح؟

18
mawtex

نظرًا لعدم تصعيد أي شخص حتى الآن ، سأحاول الإجابة على هذا. يتم جمعها في الغالب من القراءة http://css3pie.com/documentation/product-comparison/ و googling حولها. ليس لدي سوى خبرة عملية مع CSS3PIE. إذا كنت تعرف أيًا من المشاريع الأخرى ، فلا تتردد في تعديل هذا

CSS3PIE بقلم Jason Johnston يضيف دعمًا جيدًا لنصف قطر الحدود CSS3 والتدرجات والظل المربع. تجربتي مع هذا هي أنه يعمل بشكل جيد ولديه دعم كبير لنصف قطر الحدود. إشكالية بالنسبة لتأثيرات التحويم (أتوقع أن تعاني جميع العناصر الموجودة في هذه القائمة من هذا) ولكن يبدو أنها لا تشوبها شائبة عند استخدامها في html ثابت. مزيد من المعلومات في http://css3pie.com/

ie-css3.js بواسطة Keith Clark يضيف دعمًا لعدد كبير من محددات الفئة الزائفة CSS3. صغير جدًا نظرًا لأنه يتغذى على مكتبات js الأخرى التي تقوم بتضمينها ، مثل jQuery. هذا يمكن أن يعمل بشكل جيد مع مشاريع أخرى في هذه القائمة مثل CSS3PIE. مزيد من المعلومات في http://www.keithclark.co.uk/labs/ie-css3/
UPDATE تم إعادة إنشاء مشروع ie-css.js هنا: http://selectivizr.com/

IE9.js بقلم Dean Edwards Works لـ IE6 و 7 و 8. جعل IE دعم PNG الشفاف ومحددات CSS جديدة مثل الوالد> الطفل و: الأول من نوع ، وتحديد المواقع الثابتة ، ماكس/دقيقة عرض/ارتفاع الدعم. انه انطباعي الكثير من العمل قد ذهب إلى هذا على مر السنين. بعض المراجعات إيجابية حقًا ، بعضها رافض. مزيد من المعلومات على http://code.google.com/p/ie7-js/

ecsstender بواسطة Aaron Gustafson يعمل مع IE6 و 7 و 8. بطريقة معيارية ، يضيف دعمًا إلى محددات CSS3 ، واجهة الخط ، دائرة نصف قطرها الحدود ، مربع- الظل والألوان والتحولات. موثقة جيدا جدا. مزيد من المعلومات في http://ecsstender.org/extensions

DD_roundies بواسطة Drew Diller يضيف بعض الدعم لنصف قطر الحدود و png. مزيد من المعلومات على http://www.dillerdesign.com/experiment/DD_roundies/

border-radius.htc by Remiz Rahnas دعم بسيط جدًا لنصف قطر الحدود. مزيد من المعلومات على http://code.google.com/p/curved-corner/

ie-css3.htc بقلم Nick Fetchak بعض الدعم لنصف قطر الحدود وظل النص. CSS3PIE تدعي أنها تفعل نصف قطر الحدود بشكل أفضل. مزيد من المعلومات في http://www.fetchak.com/ie-css3/

8
mawtex

هنا مقال لطيف بخصوص CSS3 و IE6 ، من Smashing Magazine: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-Explorer/

3
Alex

جرب Google Chrome Frame . IE سيتمكن المستخدمون الذين يقومون بتثبيته من تصفح موقعك في عارض Google Chrome دون تبديل المتصفحات.

تحرير: يمكنك حتى استخدام مكتبة JS التي توفرها Google لإظهار رسالة للمستخدمين الذين يدعونهم لتثبيت Google Chrome الإطار. إنه تثبيت بنقرة واحدة ، مثل Flash ، لا يتطلب إعادة تشغيل المتصفح ، ويتم تحديث صفحتك عند الانتهاء.

0
Dan Fabulich