2013-10-04 17 views
7

मैं आईई 8 में घूर्णन तत्वों के लिए सीएसएस समाधान की तलाश में हूं। कुछ समाधान मैंने पाया है कि इसे IE8 में काम करना चाहिए, लेकिन यह मेरे लिए नहीं है। मैं क्या गलत करता हूँ?आईई 8 सीएसएस रोटेशन

यहाँ मैं क्या करने की कोशिश की है:

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <style> 
     .rotate { 
      font-weight: bold;color: #000;background: #aa0;display: block;margin: 0 auto;width: 300px;height: 300px;top: 10%;text-align: center;line-height: 300px; 
      -webkit-transform: rotate(-90deg); 
      -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg); 
      -o-transform: rotate(-90deg); 
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
     } 
    </style> 
</head> 
<body> 
<div class="rotate"> 
    TESTING ROTATION 
</div> 
</body> 
</html> 

अगर आप जवाब देने से पहले अपने समाधान का परीक्षण मुझे खुशी होगी, और यह ir तुम सिर्फ मेरी दिए गए उदाहरण को संपादित करने और सभी कोड repost सकता है बहुत अच्छा होगा।

[संपादित करें] यदि कोई अभी भी उत्सुक है तो समस्या कोड नहीं है, लेकिन परीक्षण वातावरण है। आप वास्तविक IE8, लेकिन नहीं IE10/IE11 में IE8 एमुलेटर (IE9 बारे में निश्चित नहीं)

+0

संभावित डुप्लिकेट: http://stackoverflow.com/questions/4617220/css-rotate-property-in-ie – tborychowski

उत्तर

7

आप याद कर रहे हैं आईई विक्रेता उपसर्ग -ms-

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

तो का उपयोग करना चाहिए, इस

-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* for IE8 */ 
का प्रयोग करें

यह भी देखें: CSS rotate property in IE जो आपको

+0

क्या यह आपके लिए काम करता है? क्या आप मुझे अपना उदाहरण जैसे पूर्ण HTML कोड दे सकते हैं? क्योंकि यह मेरे लिए काम नहीं करेगा :( –

+0

अब मेरे लिए काम किया था। धन्यवाद। –

0

अच्छी तरह से, मैं IE8 में एक सुरुचिपूर्ण तरीके से घूर्णन कार्य के लिए फ़िल्टर नहीं सोचता। मैंने यह भी कोशिश की, लेकिन यह मेरे लिए ठीक से काम नहीं किया। मैंने jquery rotate प्लगइन का उपयोग करने की कोशिश की। आप इसे आजमा सकते हैं - http://code.google.com/p/jqueryrotate/

मुझे इसके साथ कोई समस्या है (jQueryRotate - Issue in IE8), लेकिन यह आपकी स्थिति में मदद कर सकता है।