क्या मुझे अभी भी सीएसएस बॉक्स-छाया संपत्ति के लिए सभी पांच विक्रेता उपसर्गों का उपयोग करना है?

Question

जब box-shadow या text-shadow या उस मामले के लिए ग्रेडियेंट कहने की घोषणा करते हैं, तो क्या आपको अभी भी सभी उपसर्गों की आवश्यकता है?

-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-ms-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-o-box-shadow: inset 0 0 1px 1px #e3e3e3; 
box-shadow: inset 0 0 1px 1px #e3e3e3; 

मैं मुख्य लोगों को समझने:

-webkit- 
-moz- 
box-shadow 

लेकिन ब्राउज़रों के विकास के साथ, मैं क्या यह जरूरी है कि इस समय 5 उपसर्गों का उपयोग करने पर एक अद्यतन दृश्य प्राप्त करने की कोशिश करना चाहते थे?

विचार, टिप्पणियां?

Answer 1

caniuse.com में a good table दिखा रहा है कि कौन से ब्राउज़रों को उपसर्ग की आवश्यकता है, और जो box-shadow का समर्थन नहीं करते हैं।

(संस्करण है कि एक उपसर्ग की आवश्यकता होती है नीचे स्क्रीनशॉट में के रूप में, नीचे संस्करण संख्या है कि उपसर्ग।)

आप के लिए उपसर्गों का उपयोग करने की जरूरत है जो कुछ भी साइट पर आप का निर्माण कर रहे पर निर्भर करता है वास्तव में साइट के मौजूदा/इच्छित दर्शकों द्वारा कौन से ब्राउज़र उपयोग किए जाते हैं।

Answer 2

शायद Prefix free मदद करेगा।

यह प्रति ब्राउज़र आवश्यक उपसर्ग जोड़ देगा।

Answer 3

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