IE में "सीमा-त्रिज्या" के लिए समर्थन

158

किसी को पता है कि क्या / जब इंटरनेट एक्सप्लोरर "सीमा-त्रिज्या" सीएसएस विशेषता का समर्थन करेगा?

internet-explorer css

220

हाँ! जब IE 2011 को जनवरी 2011 में रिलीज़ किया गया।

मान लें कि आप चारों तरफ से 15px चाहते हैं:

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

IE9 डिफ़ॉल्ट का उपयोग करेगा border-radius, इसलिए सुनिश्चित करें कि आप अपनी सभी शैलियों में सीमा त्रिज्या कहते हैं। तब आपकी साइट IE9 के लिए तैयार हो जाएगी।

-moz-border-radiusफ़ायरफ़ॉक्स के लिए -webkit-border-radiusहै, सफारी और क्रोम के लिए है।

इसके अलावा: अपने IE कोडिंग की घोषणा करने के लिए मत भूलना ie9 है:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

कुछ आलसी डेवलपर्स हैं <meta http-equiv="X-UA-Compatible" content="IE=7" />। यदि वह टैग मौजूद है, तो IE में बॉर्डर-त्रिज्या कभी काम नहीं करेगा।

— केविन फ्लोरिडा
स्रोत

7

संभवतः यदि आप X-UA- संगत मेटा टैग का उपयोग नहीं कर रहे हैं, तो आपको इसे IE9 में काम करने के लिए इसे जोड़ने की आवश्यकता नहीं है?

— थेपेर

72

आपको विक्रेता के उपसर्ग संस्करण FIRST और मानक LAST डाल देने चाहिए ताकि यदि ब्राउज़र वास्तविक मानक का समर्थन करता है तो यह उपयोग करेगा कि इसके बजाय विक्रेता उपसर्ग संस्करण है।

— जेसन बेरी

4

सही है आपको मेटा टैग की आवश्यकता नहीं है .. आपको केवल ie7 एमुलेटर को बदलने की आवश्यकता है यदि यह शामिल है। अन्यथा, इसके बारे में चिंता न करें।

— केविन फ्लोरिडा

3

मौजूदा IE9 बीटा 'बॉर्डर-रेडियस' में FYI एकल मान का उपयोग करके ठीक से काम करता है। जब तक आप वास्तव में उन्हें अलग नहीं करना चाहते तब तक सभी चार मूल्यों की आवश्यकता नहीं है।

— मिकमेकाना

2

@ नाविक: कोनों को अद्यतन करने के लिए धन्यवाद .. पहले अल्फा बनाम और IE9 के बीटा बनाम सभी घोषित 4 कोनों की आवश्यकता है। मैंने अभी नवीनतम ie9 RC डाउनलोड किया है और यह मुझे एक मूल्य घोषित करने दे रहा है .. निश्चित नहीं कि कब बदला जाए ..

— केविन फ्लोरिडा

46

इस सवाल का जवाब बदल गया है क्योंकि यह एक साल पहले पूछा गया था। (यह प्रश्न वर्तमान में Googling के लिए शीर्ष परिणामों में से एक है "सीमा-त्रिज्या अर्थात"।)

IE9 का समर्थन करेगा border-radius।

एक मंच पूर्वावलोकन उपलब्ध है जो समर्थन करता है border-radius । पूर्वावलोकन चलाने के लिए आपको Windows Vista या Windows 7 की आवश्यकता होगी (और IE9 जारी होने पर)।

— डेविड जॉनस्टोन
स्रोत

27

जब आप प्रतीक्षा कर रहे हों .. घुमावदार कॉर्नर (बॉर्डर-रेडियस) क्रॉस ब्राउज़र

— लुइस मेलग्रेट्टी
स्रोत

18

वर्कअराउंड और एक आसान उपकरण:

CSS3Pie .htc फ़ाइलों और व्यवहार संपत्ति का उपयोग करता है CSS3 को IE 6 - 8 में लागू करने के लिए।

मॉर्डनिजर एक जावास्क्रिप्ट का एक सा है जो आपके html एलिमेंट पर कक्षाएं लगाएगा, जिससे आप अपनी क्षमताओं के आधार पर अलग-अलग ब्राउजर्स को अलग-अलग स्टाइल की परिभाषा दे सकते हैं।

जाहिर है, ये दोनों अधिक ओवरहेड जोड़ते हैं, लेकिन IE9 के साथ केवल विस्टा / 7 पर चलने के कारण हम काफी कुछ समय के लिए अटक सकते हैं। अगस्त 2010 तक विंडोज एक्सपी में अभी भी 48% वेब क्लाइंट OSes हैं।

— पीटर जी
स्रोत

2

CSS3 PIE इसके लिए सबसे आसान और कम से कम दखल देने वाला विकल्प था।

— क्रिस रास्को

12

यह IE8 के लिए योजनाबद्ध नहीं है। CSS संगतता पृष्ठ देखें ।

इसके अलावा कोई योजना जारी नहीं की गई है। अफवाहें मौजूद हैं कि IE8 विंडोज एक्सपी के लिए अंतिम संस्करण होगा

— बेन एस
स्रोत

12

आप स्पष्ट रूप से गलत हैं, क्योंकि IE9 CSS3 का भी समर्थन करने वाला है, और मैं IE को कहीं भी मरते नहीं देखता। किसी ने pls को IE

— Starx

10

Windows XP के लिए IE8 अंतिम संस्करण ... है।

— एम। डडली

7

<!DOCTYPE html> इस टैग के बिना सीमा-त्रिज्या IE9 में काम नहीं करता है, मेटा टैग की कोई आवश्यकता नहीं है।

— javac
स्रोत

6

इस प्रश्न के लिए त्वरित अद्यतन, IE9 के अनुसार सीमा-त्रिज्या का समर्थन करेगा: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx

— simonrjones
स्रोत

4

का उपयोग करें -ms-border-radius: 15px, किसी भी तत्व है कि सीएसएस का उपयोग करता है- IE के साथ संगत है।

— इयागो ब्रूनो
स्रोत

2

IE के कोने त्रिज्या मुद्दा हल करने वाला।

http://kbala.com/ie-9-supports-corner-radius/

— जया
स्रोत

2

सीमा त्रिज्या और पृष्ठभूमि ढाल के लिए समर्थन के बारे में क्या। हां IE9 उन दोनों को अलग-अलग समर्थन करने के लिए है, लेकिन अगर आप गोल कोने से बाहर दो ग्रेडिएंट ब्लीड्स को मिलाते हैं। नीचे एक खराब उदाहरण की एक कड़ी है, लेकिन मैंने इसे अपने स्वयं के परीक्षण में भी देखा है। स्क्रीन शॉट लेना चाहिए :(

शायद असली सवाल यह है कि जब IE MS-FILTER मालिकाना हैक के बिना IE मानकों का समर्थन करेगा।

http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx

— SigmaBetaTooth
स्रोत

IE10 उचित CSS3 ग्रेडिएंट्स का समर्थन करेगा (वर्तमान IE10 डेवलपर पूर्वावलोकन पहले से ही -ms-linear-gradient करता है)। यदि आप IE9 में बॉर्डर-त्रिज्या का सम्मान करने वाले ग्रेडिएंट चाहते हैं, तो आपको एसवीजी (या तो बाहरी एसवीजी फ़ाइल या डेटा यूआरआई में एन्कोडेड है) का उपयोग करने की आवश्यकता है - css3wizardry.com/2010/10/29/css-gradients-for- देखें ie9 - CSS3 PIE भी जल्द ही इसे स्वचालित करेगा, इसमें एक परीक्षण बिल्ड उपलब्ध है

— lojjic

एक त्वरित निर्धारण इसे दूसरे तत्व में लपेटना है। मूल तत्व को समान सीमा-त्रिज्या दें और इसके अतिप्रवाह को छिपा दें।

— सेने नोव

1

SOLVED - IE 10 और 11 में सीमा त्रिज्या को सही ढंग से प्रस्तुत नहीं करना

सीमा-त्रिज्या: या सीमा-त्रिज्या नहीं पाने वालों के लिए: IE 10,11 में काम करने के लिए और यह सभी वर्ग का प्रतिपादन करता है और फिर इन चरणों का पालन करें:

IE ब्राउज़र के शीर्ष दाईं ओर स्थित गियर व्हील पर क्लिक करें
संगतता दृश्य सेटिंग्स पर क्लिक करें
अब डिफ़ॉल्ट रूप से चेक किए गए 2 बॉक्स को अनचेक करें।

सुनिश्चित करें कि बक्से पिक में अनियंत्रित हैं

— एलन स्टार
स्रोत