दिलचस्प पोस्ट
यूआईआर-रूटर के साथ 404 त्रुटि पेज दिखाए जाने पर यूआरएल कैसे बदल नहीं सकता डायरेक्ट कास्टिंग बनाम 'एसे' ऑपरेटर? वर्तमान में दबाए गए कुंजी का पता कैसे लगा सकता है? asp.net mvc एक अलग परियोजना में नियंत्रकों रखा NSArray को अपने NSDate गुणों से कस्टम ऑब्जेक्ट के अनुसार क्रमबद्ध करें एक यूआईटीबार को अपने आइकन चित्रों में एक ढाल लगाने से रोकना मेल () PHP स्क्रिप्ट ईमेल का उपयोग कर jQuery AJAX फ़ॉर्म ईमेल भेजता है, लेकिन HTML फॉर्म से पोस्ट डेटा अपरिभाषित है पायथन – विंडोज शट डाउन इवेंट्स चेकबॉक्स के साथ Android सूचीदृश्य और सभी क्लिक करने योग्य चयनित <option> पर आधारित शैली <चयन> तत्व __slots__ का उपयोग? स्वत: पूर्ण करने के लिए एल्गोरिथ्म? एक बैश स्क्रिप्ट का उपयोग करके डुप्लिकेट प्रविष्टियों को निकालें एचटीएमएल इनपुट टाइप = फाइल, फॉर्म जमा करने से पहले छवि प्राप्त करें ओवरस्ट्रैड विधि के साथ कंसल्टेंट्स में क्या गलत है?

CSS3 रूपांतरण: घुमाएगी; IE9 में

मेरे पास एक ऐसा तत्व है जिसे मैंने किया है एक डिजाइन में ऊर्ध्वाधर होना चाहिए मुझे IE9 के अलावा सभी ब्राउज़रों में काम करने के लिए सीएसएस मिल गया है। मैं IE7 और IE8 के लिए फ़िल्टर का उपयोग किया:

progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

यह हालांकि IE9 में मेरा तत्व पारदर्शी रेंडर करने लगता है और CSS3 'ट्रॅनफ़ॉर्म' पॉर्पेर्टी कुछ भी नहीं करता है!

किसी भी IE9 में घूर्णन तत्वों के किसी भी पता है?

मदद की सराहना करते हैं!

डब्ल्यू

वेब के समाधान से एकत्रित समाधान "CSS3 रूपांतरण: घुमाएगी; IE9 में"

मानक CSS3 बारी बारी से IE9 में काम करना चाहिए, लेकिन मेरा मानना ​​है कि आपको इसे वेंडर उपसर्ग देना होगा, जैसे:

  -ms-transform: rotate(10deg); 

यह संभव है कि यह बीटा संस्करण में काम न करे; यदि नहीं, तो वर्तमान पूर्वावलोकन संस्करण (पूर्वावलोकन 7) को डाउनलोड करने का प्रयास करें, जो बाद में संशोधन है जो कि बीटा है। मेरे पास परीक्षण करने के लिए बीटा संस्करण नहीं है, इसलिए मैं पुष्टि नहीं कर सकता कि वह उस संस्करण में था या नहीं अंतिम रिलीज संस्करण निश्चित रूप से इसका समर्थन करने के लिए तैयार है।

मैं यह भी पुष्टि कर सकता हूं कि आईई-विशिष्ट filter प्रॉपर्टी को आईई 9 में हटा दिया गया है।

[संपादित करें]
लोगों ने कुछ और दस्तावेज़ों के लिए पूछा है जैसा कि वे कहते हैं, यह काफी सीमित है, लेकिन मुझे यह पृष्ठ मिला: http://css3please.com/ जो कि सभी ब्राउज़रों में विभिन्न CSS3 सुविधाओं के परीक्षण के लिए उपयोगी है।

लेकिन IE9 पूर्वावलोकन में इस पृष्ठ पर घुमाए जाने वाले फीचर का परीक्षण करने से इसका कारण काफी शानदार था।

हालांकि, मैंने कुछ स्वतंत्र परीक्षण किए हैं -ms-transform:rotate() 9 में अपने स्वयं के परीक्षण पृष्ठों में -ms-transform:rotate() , और यह ठीक काम कर रहा है। तो मेरा निष्कर्ष यह है कि यह सुविधा लागू की गई है, लेकिन कुछ बगों को मिला है, संभवतः इसे गतिशील रूप से सेट करने से संबंधित है

एक अन्य उपयोगी संदर्भ बिंदु जिसके लिए सुविधाओं को लागू किया जाता है जिसमें ब्राउज़र http://www.canIuse.com है – देखें http://caniuse.com/#search=rotation

[संपादित करें]
इस पुराने उत्तर को पुन: बहाल करना क्योंकि मुझे हाल ही में सीएसएस सैंडपेपर नामक एक हैक के बारे में पता चला है जो प्रश्न के लिए प्रासंगिक है और चीजों को आसान बना सकता है।

हैक IE के पुराने संस्करणों के लिए मानक सीएसएस transform लिए समर्थन लागू करता है। तो अब आप अपने सीएसएस को निम्नलिखित जोड़ सकते हैं:

 -sand-transform: rotate(10deg); 

… और इसे 6/7/8 IE में filter सिंटैक्स का उपयोग किए बिना काम किया है। (बेशक यह अभी भी दृश्यों के पीछे फ़िल्टर सिंटैक्स का उपयोग करता है, लेकिन यह इसे प्रबंधित करना बहुत आसान बनाता है क्योंकि यह अन्य ब्राउज़रों के समान सिंटैक्स का उपयोग कर रहा है)

इसे इस्तेमाल करे

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body { margin-left: 50px; margin-top: 50px; margin-right: 50px; margin-bottom: 50px; } .rotate { font-family: Arial, Helvetica, sans-serif; font-size: 16px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -sand-transform: rotate(10deg); display: block; position: fixed; } </style> </head> <body> <div class="rotate">Alpesh</div> </body> </html> 

मुझे IE9 में परिवर्तनों के साथ समस्याएं भी थीं, मैंने -ms-transform: rotate(10deg) और यह काम नहीं किया। मैंने जो सब कुछ किया हो सकता था, लेकिन समस्या ब्राउज़र मोड में थी, परिवर्तनों को काम करने के लिए, आपको "मानक IE9" को संगतता मोड सेट करने की आवश्यकता है।

मुझे पता है यह पुराना है, लेकिन मुझे यह वही मुद्दा था, इस पद को मिला, और जब यह बिल्कुल गलत नहीं समझा था, तो यह मुझे सही जवाब देने में मदद करता है – इसलिए उम्मीद है कि मेरा उत्तर किसी अन्य व्यक्ति की मदद करता है जो मेरे लिए इसी तरह की समस्या

मेरे पास एक तत्व था जिसे मैं घुमाएगा ऊर्ध्वाधर, इसलिए स्वाभाविक रूप से मैंने फिल्टर को जोड़ा: IE8 के लिए और फिर -9-आईएम के लिए-ट्रांसफ़ॉर्म गुण। मुझे क्या मिला यह है कि -एमएमएस-ट्रांससेट संपत्ति होने और फ़िल्टर उसी तत्व पर लागू होता है IE9 को तत्व को बहुत खराब प्रदान करता है। मेरा समाधान:

  1. यदि आप ट्रांसफॉर्म-मूल प्रॉपर्टी का उपयोग कर रहे हैं, तो एक एमएस के लिए भी जोड़ें (-एमए-ट्रांसफॉर्मेशन-मूल: बाएं नीचे;) यदि आप अपना तत्व नहीं देखते हैं, तो यह हो सकता है कि यह मध्य अक्ष पर घूर्णन कर रहा है और इस तरह पृष्ठ को किसी तरह छोड़कर – ऐसा दो बार जांच लें कि

  2. फिल्टर को स्थानांतरित करें: IE7 और 8 के लिए एक अलग स्टाइल शीट के लिए संपत्ति और IE9 से कम ब्राउज़रों के लिए उस स्टाइल शीट को सम्मिलित करने के लिए एक IE सशर्त का उपयोग करें। इस तरह से यह IE9 शैलियों को प्रभावित नहीं करता है और सभी को ठीक काम करना चाहिए।

  3. सही DOCTYPE टैग को भी उपयोग करना सुनिश्चित करें; अगर आपको यह गलत है तो IE9 ठीक से काम नहीं करेगा।