एक अच्छा जावास्क्रिप्ट ढांचा जो आईई 6-8 में CSS3 समर्थन जोड़ता है और आईई 9 में CSS3 गायब है?

Question

मुझे आश्चर्य है कि IE9 के रिलीज़ संस्करण में टेक्स्ट-छाया और सीमा-छवि जैसे कुछ और बुनियादी CSS3 तत्वों के लिए समर्थन गुम है।

आईआई-सीएसएस 3, CSS3PIE, Modernizr, html5shiv, आदि जैसे छोटे ढांचे के समूह का उपयोग करने के बजाय CSS3 तत्वों को IE6-9 में जोड़ने/अनुकरण करने के लिए सबसे व्यापक जावास्क्रिप्ट ढांचा क्या है?

मुझे यकीन है कि कोई भी ढांचा नहीं है जो यह सब करता है लेकिन मैं निकटतम की तलाश में हूं।

Answer 1

क्या? आप आश्चर्यचकित हैं कि आईई मानकों का पालन नहीं करता है? लोग कब सीखेंगे ...

Selectivizr आज़माएं। वेबसाइट से: "selectivizr एक जावास्क्रिप्ट उपयोगिता है जो CSS3 छद्म-वर्गों और इंटरनेट एक्सप्लोरर 6-8 में विशेषता चयनकर्ताओं को अनुकरण करती है। बस अपने पृष्ठों में स्क्रिप्ट शामिल करें और selectivizr बाकी करेगी।" मुझे नहीं पता कि आईई 9 का समर्थन क्या है लेकिन यह आईई 6 की तुलना में बहुत आसान होना चाहिए, इसलिए मुझे लगता है कि इसे ठीक काम करना चाहिए।

आपको अभी भी उन "छोटे ढांचे" में से कुछ की आवश्यकता होगी, क्योंकि वे जो भी करते हैं वे ठीक करते हैं, वे काफी छोटे होते हैं, इसलिए पहिया को फिर से शुरू करने के लिए केवल एक बड़ा ढांचा बनाने के लिए कोई बिंदु नहीं है कुछ छोटे एक आकार-फिट-सभी ढांचे को बनाना मुश्किल है, यही कारण है कि आपके पास कुछ विविधता है, और मुझे लगता है कि यह एक अच्छी बात है।

लेकिन उम्मीद नहीं है कि आप केवल कुछ लाइब्रेरी शामिल करेंगे और सभी ब्राउज़रों को दोषहीन CSS3 समर्थन मिलेगा क्योंकि यह जल्द ही कभी भी नहीं होगा।

यदि आप उन्नत प्रभाव चाहते हैं जो आईई 6 के सभी ब्राउज़रों में लगातार काम करेगा तो मैं Raphaël का उपयोग करने की सलाह दूंगा। यह अन्य ब्राउज़रों पर आईई और SVG पर VML का उपयोग करता है। एपीआई सीएसएस से भी आसान है, लेकिन यह निश्चित रूप से स्वाद का मामला है। लेकिन अगर एपीआई नहीं है, तो भी तर्क को हरा करना बहुत मुश्किल है कि आप गोलाकार कोनों और अन्य उपहारों को देख सकते हैं जो फ़ायरफ़ॉक्स 3.0+, सफारी 3.0+, क्रोम 5.0+, ओपेरा 9.5+ और इंटरनेट एक्सप्लोरर 6.0+ पर उपयोग किए बिना समान दिखते हैं इमेजिस।

Answer 2

आपकी सूची में आइटम प्रत्येक अलग-अलग चीजें करते हैं। मुझे नहीं लगता कि यह इन सभी चीजों को लागू करने के लिए एक एकल ढांचे के लिए समझ में आएगा।

बस अपनी सूची से उन लोगों को शामिल करें जिन्हें आपको वास्तव में आवश्यकता है।

<!--[if lt IE 9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

Modernizr HTML5shiv प्लस सुविधा का पता लगाने का एक बहुत की कार्यक्षमता है:

• आप (जाहिर है) केवल HTML5shiv यदि आप अपने पृष्ठ पर एचटीएमएल 5 तत्वों का उपयोग कर रहे उपयोग करना चाहिए

  Modernizr ब्राउज़रों के लिए कार्यक्षमता अनुपलब्ध नहीं करता है; इसके बजाए, यह सुविधाओं की मूल उपलब्धता का पता लगाता है और पर आपको पर नियंत्रण का एक अच्छा स्तर बनाए रखने की सुविधा देता है, चाहे ब्राउज़र की क्षमताओं के बावजूद आपकी साइट पर नियंत्रण हो।

  यदि आप आईई में एचटीएमएल 5 तत्वों को स्टाइल करना चाहते हैं तो html5shiv का उपयोग करें।Modernizr प्रयोग करें यदि आप अगर कुछ सुविधाओं का समर्थन कर रहे आधार पर अलग अलग बातें करना चाहते हैं, उदाहरण के लिए:

  .my_elem { 
      border: 1px inset #666; 
  } 
  .borderimage .my_elem { 
      border: none; 
      border-image: url(fancy-border.png) 5 5 5 5 round; 
      -moz-border-image: url(fancy-border.png) 5 5 5 5 round; 
      -webkit-border-image: url(fancy-border.png) 5 5 5 5 round; 
  } 
  

• CSS3PIE और Modernizr के पीछे विचार यह बहुत अलग है।

  #myElement { 
      ... 
      behavior: url(PIE.htc); 
  } 
  

  Modernizr आप देशी फैंसी नई कार्यक्षमता का उपयोग करने, जबकि ज्ञान है कि आप प्रदान कर सकते में सुरक्षित किया जा रहा है जो कुछ भी कस्टम आप ब्राउज़रों की है कि के लिए इच्छा वापस आने की अनुमति देता है:

  रास्ता CSS3PIE सबसे अधिक उपयोग किया जाता है सीएसएस के अंदर है विशिष्ट कार्यक्षमता का समर्थन नहीं करते हैं।

  जबकि CSS3PIE प्रासंगिक तत्वों पर behavior संपत्ति को शामिल करने के अलावा अन्य अतिरिक्त कार्य के बिना, इंटरनेट एक्सप्लोरर के पुराने संस्करणों में काम करने के लिए CSS3 गुणों के सीमित सेट को पूरी तरह से अनुकरण करने का प्रयास करता है।