मैं एक वेबसाइट बना रहा हूं, और जानना चाहता हूं कि सीएसएस संपत्ति "सीमा त्रिज्या" स्वीकार्य है या नहीं। जैसे, यह उम्मीद की जानी चाहिए कि हर किसी के पास इसका समर्थन करने वाला ब्राउज़र है, या फिर भी यह असमर्थित है कि मुझे इसका उपयोग नहीं करना चाहिए?"सीमा-त्रिज्या" स्वीकार्य है?
यह निर्दिष्ट करने के लिए http://caniuse.com जांचने का एक अच्छा समय है कि कौन से ब्राउज़र इसका समर्थन करते हैं, और कौन से नहीं। इसके अतिरिक्त, http://css3please.com आपको व्यापक समर्थन के लिए इसे लागू करने का उचित तरीका बताएगा।
पहली साइट से, हम देखते हैं कि समर्थन इतना बुरा नहीं है, हालांकि हमें कुछ ब्राउज़रों के लिए कुछ उपसर्गों का उपयोग करने की आवश्यकता होगी। दूसरी साइट हमें निम्नलिखित कार्यान्वयन देता है:
.box_round {
-webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+,
iOS 4, Android 2.1+ */
/* useful if you don't want a bg color from leaking outside the border: */
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
किसी भी ब्राउज़र को नहीं समझता कि यह सिर्फ यह ध्यान नहीं देगा, और अगले नियम पर चलते। इसके साथ, सुनिश्चित करें कि इसका उपयोग किसी भी तरीके से नहीं करना है कि आपका लेआउट उपयोगिता के लिए इस पर निर्भर करता है। इसे प्रगतिशील वृद्धि के रूप में उपयोग करें, और एक आवश्यक सुविधा नहीं है।
मेरे अनुभव में, ब्राउज़र जो सीमा-त्रिज्या को पहचान नहीं पाते हैं, बस इसे अनदेखा करें। इसलिए, यह आगे बढ़ने और बस इसका उपयोग करने के लिए आपके सर्वोत्तम हितों में है। पुराने ब्राउज़र बस गोलाकार कोनों के बजाय डिफ़ॉल्ट ब्लॉक कोनों को दिखाएंगे।
पुराने ब्राउज़र में उस सुविधा की कमी न होने दें, जिससे आप अपने ब्राउज़र को अपग्रेड करने वाले लोगों के अनुभव को बेहतर बनाने से रोक सकते हैं।
ठीक है, यह वह दृष्टिकोण है जिसे मैंने अपनी साइटों में से एक के साथ लिया है। यह वही है जो मैं सुझाव दूंगा जब तक कि कुछ मजबूत डिजाइन कारण न हों, सीमाओं को हमेशा * गोल किया जाना चाहिए। एक अतिरिक्त टिप के रूप में, आप IE9 में संगतता मोड सक्षम करके गोलाकार सीमाएं दूर कर सकते हैं। –
धन्यवाद, मैंने डाउनलोड की गई एक स्क्रिप्ट स्क्रिप्ट का उपयोग करके समाप्त किया ताकि यह आईई 6 + में काम करे। –
आपका स्वागत है :) शुभकामनाएँ! – jmort253
अच्छा लिंक +1 - http://caniuse.com/#feat=border-radius हालांकि इसे उन चीज़ों से अलग होना चाहिए जिन्हें आप उपयोग नहीं करना चाहिए क्योंकि आपको त्रुटियां दिखाई देगी, और ऐसी चीजें जो समर्थित नहीं हैं लेकिन नहीं पिछड़ा संगतता मुद्दों का कारण बनता है। – jmort253
http://html5please.com/ एक और अच्छा संसाधन –
कोई भी पुराना वेबकिट ब्राउज़र का उपयोग करने वाले लोग ऐसे लोग होंगे जो गोलाकार कोनों की देखभाल करेंगे। – reisio