इंटरनेट एक्सप्लोरर 6, 7 और 8 में CSS3 के फीचर्स कैसे सक्षम करें?

Question

जबकि IE9 बहुत आशाजनक लगता है, IE6, IE7 और IE8 शायद आने वाले कई वर्षों के लिए हमें परेशान करेगा, वेब पर CSS3 के प्रसार को धीमा कर देगा।

HTC और JS पर आधारित कई परियोजनाएँ IE में कुछ CSS3 समर्थन जोड़ती हैं:

• CSS3PIE
• IE7.js
• eCSStender
• DD_roundies
• सीमा-त्रिज्या ।htc (घुमावदार-कोने)
• यानी-css3.htc
• यानी-css3.js

मेरे पास केवल CSS3PIE के साथ अनुभव है ( http://docs.composite.net/ पर राउंडेड सामान करना ) और इसके अतिरिक्त माउस के अलावा यह अच्छी तरह से काम करता है और शुद्ध CSS3 है।

CSS3 के फीचर्स IE में कितने प्रोजेक्ट लाते हैं और कितने अच्छे हैं? उनमें से कोई एक स्पष्ट विजेता है?

Comments

क्यों नहीं उन सभी को आज़माएं और हमें बताएं कि आप क्या पाते हैं? यदि आपके पास एक ब्लॉग है तो यह एक बेहतरीन पोस्ट होगा जो मुझे बहुत दिलचस्पी पैदा करेगा।

— जॉन कोंडे

मुझे यह CSS3PIE साइट css3pie.com/documentation/product-comparison पर मिला, लेकिन मैं इसके पक्षपाती होने की उम्मीद करूंगा, इसलिए यह सवाल है। एक अच्छी भावना पाने के लिए थोड़ा वास्तविक दुनिया के अनुभव की आवश्यकता होती है।

— मावटेक्स

Answer 1

चूंकि अभी तक किसी ने भी कदम नहीं उठाया है, इसलिए मैं इसका जवाब देने की कोशिश करूंगा। यह ज्यादातर http://css3pie.com/documentation/product-comparison/ को पढ़ने और चारों ओर घूमने से इकट्ठा होता है । मेरे पास CSS3PIE के साथ केवल अनुभव है। यदि आप जानते हैं कि कोई भी अन्य परियोजना इसे संपादित करने के लिए स्वतंत्र महसूस करती है

CSS3PIE जेसन जॉनसन द्वारा Css3 सीमा-त्रिज्या, ग्रेडिएंट, बॉक्स-शैडो के लिए अच्छा समर्थन जोड़ता है। इसके साथ मेरा अनुभव यह है कि यह बहुत अच्छा काम करता है और सीमा-त्रिज्या के लिए बहुत अच्छा समर्थन है। होवर इफेक्ट्स के लिए समस्याग्रस्त (मैं उम्मीद करूंगा कि इस सूची के सभी आइटम इससे ग्रस्त हैं) लेकिन स्थैतिक html पर उपयोग किए जाने पर निर्दोष लगते हैं। अधिक जानकारी के लिए http://css3pie.com/

कई-सीएसएस 3 छद्म श्रेणी के चयनकर्ताओं के लिए कीथ क्लार्क एड्स समर्थन के द्वारा css3.js। यह बहुत छोटा है क्योंकि यह jQuery की तरह अन्य js पुस्तकालयों पर दावत देता है। यह इस सूची की अन्य परियोजनाओं जैसे CSS3PIE के साथ अच्छा काम कर सकता है। Http://www.keithclark.co.uk/labs/ie-css3/
UPDATE पर अधिक जानकारी यानी- css.js परियोजना का यहां पुनर्जन्म हुआ है: http://selectivizr.com/

IE9.js डीन एडवर्ड्स के लिए IE6, 7 और 8 के लिए काम करता है। आईई सपोर्ट करें पारदर्शी PNG, पैरेंट> चाइल्ड जैसे नए CSS सिलेक्टर्स और: फर्स्ट-ऑफ-टाइप, फिक्स्ड पोजिशनिंग, मैक्स / मिनट चौड़ाई / हाइट सपोर्ट। यह मेरी धारणा है कि बहुत सारे काम इस पर चले गए हैं। कुछ समीक्षाएँ वास्तव में सकारात्मक हैं, कुछ खारिज करने योग्य हैं। Http://code.google.com/p/ie7-js/ पर अधिक जानकारी

हारून गुस्ताफसन द्वारा ecsstender IE6, 7 और 8 के साथ काम करता है। एक मॉड्यूलर तरीके से CSS3 चयनकर्ताओं, फ़ॉन्ट-फेस, बॉर्डर-त्रिज्या, बॉक्स-छाया, रंग और रूपांतरों के लिए समर्थन जोड़ता है। बहुत अच्छी तरह से प्रलेखित। अधिक जानकारी के लिए http://ecsstender.org/extensions

ड्रू डिलर द्वारा DD_roundies सीमा-त्रिज्या और png के लिए कुछ समर्थन जोड़ता है। Http://www.dillerdesign.com/experiment/DD_roundies/ पर अधिक जानकारी

सीमा- त्रिज्या। रेमिज रहनास द्वारा सीएचसी-सीमा-त्रिज्या के लिए बहुत सरल समर्थन। Http://code.google.com/p/curved-corner/ पर अधिक जानकारी

निक -लश्चाक के द्वारा css3.htc, सीमा-त्रिज्या और पाठ-छाया के लिए कुछ समर्थन। CSS3PIE सीमा-त्रिज्या को बेहतर करने का दावा करता है। Http://www.fetchak.com/ie-css3/ पर अधिक जानकारी

Answer 2

यहाँ CSS3 और IE6 के बारे में एक अच्छा लेख है, मुंहतोड़ पत्रिका से: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

Comments

यह लेख "सीमा-त्रिज्या .htc" के लिए एक महान परिचय है, लेकिन अधिकांश भाग के लिए यह IE-केवल CSS फ़िल्टर की सूची है जो CSS3 सुविधाओं की नकल कर सकता है। एक वेब डेवलपर के रूप में, मैं बहुत सारे पुराने IE विशिष्ट सीएसएस कोड नहीं लिखना चाहूंगा , लेकिन मानक CSS पर ध्यान केंद्रित करूंगा और "सीमा-त्रिज्या.htc" और "CSS3PIE" जैसे IE पर प्रतिक्रिया करता है।

— मावटेक्स

Answer 3

Google Chrome फ़्रेम आज़माएं । IE उपयोगकर्ता जो इसे स्थापित करते हैं, वे ब्राउजर को स्विच किए बिना Google क्रोम के रेंडरर में आपकी साइट को ब्राउज़ करने में सक्षम होंगे।

EDIT: आप Google द्वारा प्रदान की गई JS लाइब्रेरी का उपयोग उपयोगकर्ताओं को एक संदेश दिखाने के लिए कर सकते हैं जो उन्हें Google Chrome फ़्रेम इंस्टॉल करने के लिए आमंत्रित कर रहा है। यह फ्लैश की तरह एक-क्लिक स्थापित है, ब्राउज़र को पुनरारंभ करने की आवश्यकता नहीं है, और जब यह किया जाता है तो आपके पृष्ठ को ताज़ा करता है।

Comments

तो, आपका सुझाव मूल रूप से किसी भी तरह उन सभी लोगों तक पहुंचना है जो भविष्य में प्रश्न पत्र की साइट पर IE6 / 7/8 के साथ जा रहे हैं और उन्हें यात्रा करने से पहले Google Chrome फ़्रेम स्थापित करने के लिए प्राप्त करें? इसके बजाय क्रोम पर स्विच करने के लिए दुनिया के सभी IE उपयोगकर्ताओं को प्राप्त करना आसान नहीं होगा?

— निरस्त

@ मैंने यह समझाने के लिए संपादन किया कि आप Google के JS लाइब्रेरी का उपयोग करके अपने उपयोगकर्ताओं को GCF कैसे स्थापित कर सकते हैं। यह काफी अच्छा है।

— डान फेबुलिच

यहां तक ​​कि एक क्लिक इंस्टॉल (BTW) के साथ, विस्टा पर आपको फ्लैश स्थापित करने के लिए 5 सुरक्षा चेतावनी की आवश्यकता होती है - एक क्लिक के लिए इतना) मैं अपने उपयोगकर्ताओं को ब्राउज़र प्लगइन स्थापित करने के लिए पूछने का सपना नहीं देखूंगा ताकि मैं गोल कोनों का उपयोग कर सकूं (और मैं केवल उन लोगों पर संदेह करता हूं जो स्थापित होंगे वे हैं जो वास्तव में भरोसा करते हैं और मेरे उत्पाद को पसंद करते हैं - यही है, वे जो गोल कोनों के बिना भी खरीद लेंगे)।

— Nir