2010-05-01 15 views
8

मैं div टेक्स्ट युक्त घुमाने के लिए CSS3 नियम "घुमाने" का उपयोग कर रहा हूं। आप यहां पृष्ठ देख सकते हैं: http://vitaminjdesign.com/v2/socialmedia.html। मैं div घूर्णन के लिए क्रॉस-ब्राउज़र समर्थन की तलाश में हूं; हालांकि, यह CSS3 नियम आईई पर काम नहीं करेगा। क्या कोई jQuery विकल्प या कोई अन्य जावास्क्रिप्ट समाधान है जो क्रॉस-ब्राउज़र संगतता के साथ समान परिणाम देगा?CSS3 वैकल्पिक घुमाएं?

उत्तर

11

Sandpaper का उपयोग करना, आप इस सीएसएस नियम का उपयोग कर सकते हैं:

-sand-transform: rotate(90deg); 

और यह हर ब्राउज़र में काम करेंगे - IE में भी।

+0

यह अच्छा लग रहा है। मैं इसे आज़माउंगा और – JCHASE11

+0

पर वापस लौटूंगा जैसे कि सीएसएस 3, पाठ की प्रतिपादन चिकनी नहीं है। यह मेरा सबसे अच्छा विकल्प है, लेकिन यह एक महान विकल्प नहीं है। – JCHASE11

+0

इतनी अच्छी तरह से काम नहीं कर रहा है ... – JCHASE11

1

मैं बात की इस तरह के लिए राफेल और Cufon का उपयोग करेंगे, हालांकि आप जब तुम बारी बारी से अपनी खुद की शब्द-रैपिंग रोल करने के लिए है क्योंकि आप राफेल के print बजाय Cufon के replace का उपयोग करना होगा। इस तरह फोंट वेक्टर होते हैं और घूर्णन पूरी तरह से ज्यामितीय तरीके से संभाले जाते हैं।

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

+0

मैं पूरी तरह से सहमत हूं ... लेकिन एसईओ उद्देश्यों के लिए (एक वेब डिजाइन कंपनी से) जो एक विकल्प नहीं है। – JCHASE11

2

यदि आप आईई के पुराने संस्करणों के साथ संगत सीएसएस रोटेशन चाहते हैं, तो इसके लिए filter progid:DXImageTransform.Microsoft.Matrix है लेकिन इसे केवल एक बार लागू किया जा सकता है और जब आप अंतिम मैट्रिक्स आउट की गणना करते हैं तो कई गणनाएं शामिल होती हैं।