आईई में CSS3 संक्रमण की नकल करें?

Question

मैं CSS3 transition नियम को क्रॉस-ब्राउज़र के रूप में यथासंभव संगत तरीके से प्राप्त करने के नियमों के संयोजन का उपयोग कर रहा हूं: मैं transition, -webkit-transition, -moz-transition, और -o-transition का उपयोग कर रहा हूं।

क्या इंटरनेट एक्सप्लोरर के किसी भी संस्करण के लिए -ms-transition संपत्ति समान है? आईई के पुराने संस्करणों के लिए एक मालिकाना फ़िल्टर है, आईई 6-8 में अस्पष्टता के लिए निम्नलिखित नियम कैसे काम करते हैं?

/* IE 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=50)"; 
/* IE 5-7 */ 
filter: alpha(opacity=50); 

Answer 1

आईई के पुराने संस्करणों में किसी प्रकार का संक्रमण प्रभाव नहीं है।

एकमात्र तरीका जिसे मैं इसके करीब कुछ भी प्राप्त करने के बारे में जानता हूं वह है JQuery के fadeIn() और fadeOut() विधियों का उपयोग करना, जो वास्तव में IE के सभी संस्करणों में काम करते हैं।

हालांकि, मुझे सावधानी बरतनी चाहिए कि वे अभी भी आईई की कुख्यात रूप से खराब अस्पष्टता से निपटने में विफल हैं। IE6-8 के साथ उपयोग किए जाने पर JQuery के फीड प्रभावों में कुछ अजीब ग्लिच हो सकते हैं, खासकर यदि आप ग्राफिक्स वाले ब्लॉक को लुप्त कर रहे हैं।

यदि आप इसे आजमाने का निर्णय लेते हैं, तो कोड मृत सरल है। बस अपने हेडर में JQuery शामिल करें, और उसके बाद:

$('#myelement').fadeIn(); 

उपयुक्त स्थान पर।

अधिक जानकारी के लिए JQuery FadeIn manual page देखें।

बेशक, यह किसी भी सीएसएस संक्रमण प्रभाव के बजाय होगा; यह सब जावास्क्रिप्ट के माध्यम से किया जाता है, और आपको शायद अपने CSS3 संक्रमण को फेंकने की आवश्यकता होगी, या यह JQuery प्रभावों के साथ संघर्ष करेगा। लेकिन अगर आप इसे आईई के साथ काम करना चाहते हैं, तो वह कीमत है जिसका आप भुगतान करेंगे।

और जैसा कि मैंने कहा, ग्लिच के लिए देखें। इसका परीक्षण करें, और देखें कि यह आपके लिए कैसा दिखता है।

यह करने का एकमात्र तरीका है, इसलिए यदि आपको वास्तव में आईई में संक्रमण प्रभाव की आवश्यकता है, तो आपको यही करना होगा, लेकिन यह स्वीकार करने के लिए तैयार रहें कि यह सब अच्छा नहीं लगेगा।

अन्य जावास्क्रिप्ट पुस्तकालयों जैसे कि मूटूल या डोजो के समान प्रभाव हो सकते हैं जो आप भी कोशिश कर सकते हैं, लेकिन मुझे लगता है कि अगर उनके पास यह है, तो वे एक ही मुद्दे से पीड़ित होंगे।

Answer 2

आईई 10 में CSS3 संक्रमण होंगे, तब तक आपको जावास्क्रिप्ट का उपयोग करना होगा।

Answer 3

मैं एक ही सवाल शोध इस जबकि में भाग: http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/

मैं भी एक पुस्तकालय move.js कहा जाता है, जो CSS3 के संक्रमण के साथ इस्तेमाल किया जा सकता पाया: https://github.com/visionmedia/move.js

आशा इस मदद करता है।

Answer 4

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

Answer 5

आईई < 10 के लिए आप प्रयास कर सकते हैं या तो उन मैं व्यक्तिगत रूप से प्रयास नहीं किया है, लेकिन वे, होनहार http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/ या http://addyosmani.com/blog/css3transitions-jquery/ (टूटी हुई लिंक)