2012-10-03 23 views
5

में काम नहीं कर रहा है मैं सीएसएस ट्रांसफॉर्म प्रॉपर्टी का उपयोग करके एक div को घूमने या बदलने का प्रयास कर रहा हूं।सीएसएस ट्रांसफॉर्म आईई 8

-webkit-transform: rotate(270deg); 
-moz-transform: rotate(270deg); 
-ms-transform: rotate(270deg); 
-o-transform: rotate(270deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); 
transform: rotate(270deg); 

उपरोक्त कोड में अच्छा काम करता है सब लेकिन आईई 8 मैं एक तरह से समर्थन करने के लिए खोजने की जरूरत है आईई 8

मैं IE8 के लिए फ़ॉलबैक कैसे बना सकते हैं: यहाँ मेरी बदलना सीएसएस कोड है?

नोट: मैं jQuery (1.8.2), एचटीएमएल 5 डॉक्टरेट और आधुनिकता का उपयोग कर रहा हूं यदि इससे आपके द्वारा प्रदान किए गए उत्तर में कोई फर्क पड़ता है। मैं केवल एक सीएसएस पसंद करता हूं लेकिन जावास्क्रिप्ट/jQuery समाधान का उपयोग करने के लिए तैयार हूं।

Here is a fiddle with the HTML and CSS.

उत्तर

5

आप अपने "फ़िल्टर:" देखते हैं, तो 3 करने के लिए रोटेशन, यह आईई 8 में एक 270 डिग्री रोटेशन (और नीचे v5.5 करने के लिए, IIRC) दे देंगे।

http://msdn.microsoft.com/en-us/library/ms532918(v=vs.85).aspx

+1

धन्यवाद, अगर मैं का उपयोग करें कि यह IE9 को खराब करता, आंकड़ा जाना। मैं आईई 8 और नीचे और आईई 9 और ऊपर के लिए आईई सशर्त स्टाइलशीट का उपयोग करूंगा। – L84

+0

मैंने सोचा कि ऐसा हो सकता है, लेकिन मुझे यकीन नहीं था। सशर्त टिप्पणियां निश्चित रूप से इसके आसपास काम करेंगे। – jimp