क्या रैखिक-ढाल के लिए अभी भी ब्राउज़र उपसर्ग की आवश्यकता है?

क्या मुझे अभी भी रैखिक-ढाल संपत्ति के लिए ब्राउज़र उपसर्ग का उपयोग करने की आवश्यकता है?क्या रैखिक-ढाल के लिए अभी भी ब्राउज़र उपसर्ग की आवश्यकता है?

background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
    background-image: -moz-linear-gradient(top, #2F2727, #1a82f7); 
    background-image:  -ms-linear-gradient(top, #2F2727, #1a82f7); 
    background-image:  -o-linear-gradient(top, #2F2727, #1a82f7);

मुझे केवल नवीनतम ब्राउज़र संस्करणों का समर्थन चाहिए। मैंने निम्नलिखित करने की कोशिश की, लेकिन काम नहीं करता।

background-image: linear-gradient(top, #2F2727, #1a82f7);

स्रोत

2012-03-03 user1117313

+10

क्या उत्तर स्पष्ट नहीं है, तो? – BoltClock

http://caniuse.com/css-gradients –

संभावित डुप्लिकेट [जब मैं सुरक्षित रूप से CSS3 प्रॉपर्टी के लिए विक्रेता उपसर्ग छोड़ सकता हूं तो मुझे कैसे पता चलेगा?] (Http://stackoverflow.com/questions/9211602/how- do-i-find-out-when-i-can-safely-drop-vendor-prefixes-for-a-css3-property) और [क्या हमें अब गैर-मानक/ब्राउज़र विशिष्ट सीएसएस विक्रेता उपसर्ग का उपयोग करना होगा?] (http://stackoverflow.com/questions/9401830/do-we-have-to-use-non-standard-browser- विशिष्ट- css-anymore) (साथ ही साथ जुड़े कुछ समान प्रश्न) – BoltClock

Can I use के अनुसार, जून 2017 के रूप में, इंटरनेट के उपयोग की 93.75% एक ब्राउज़र है कि बिना उपसर्ग रेखीय ग्रेडिएंट (अमेरिका में 97.2%) का समर्थन करता है पर है। अधिकांश लोगों के लिए, इसका मतलब है कि अब आपको अपने ग्रेडियेंट को उपसर्ग करने की आवश्यकता नहीं है।

आईई v10 सितंबर 2012
फ़ायरफ़ॉक्स v16, जारी किया गया अगस्त 2012
क्रोम जारी किया:

निम्न सबसे अधिक सामान्य डेस्कटॉप ब्राउज़र के लिए पहले संगत संस्करण और रिलीज की तारीख है v26, फरवरी 2013 को जारी किया गया
सफारी v6.1, अक्टूबर 2013 को जारी किया गया
ओपेरा 12.1, नवंबर 2012 को जारी किया गया

अन्य ब्राउज़रों (मोबाइल ब्राउज़र सहित) के संगतता इतिहास पर जानकारी Can I use पर उपलब्ध है।

स्रोत

2012-03-03 20:16:20 Mohsen

निम्न उदाहरण

 background: rgb(238,238,238); /* Old browsers */ 
    background: -moz-linear-gradient(-45deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(-45deg, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(-45deg, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(-45deg, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */ 
    background: linear-gradient(-45deg, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1); /* IE6-9 fallback on horizontal gradient */

पता चलता है कि रैखिक-ढाल सरल उपसर्गों परे अधिक है। उदाहरण के लिए, आईई पर चलने वाला एक उपसर्ग और DXImageTransform ऑब्जेक्ट की आवश्यकता है। इसलिए, linear gradientSVG विशेषता से अधिक है जिसके लिए उपसर्ग से परे कुछ अतिरिक्त कार्य की आवश्यकता है।

स्रोत

2012-03-04 07:20:40 jmishra

अब आप उपयोग कर सकते हैं:

linear-gradient

उपसर्गों के बिना

और यह IE10 + और साथ ही सफारी, क्रोम, और Firefox के वर्तमान संस्करण से समर्थन किया जाएगा। में विस्तृत जानकारी देखने के लिए: http://caniuse.com/#search=linear-gradient

लेकिन संक्षिप्त उत्तर है: नहीं उपसर्ग की आवश्यकता है।

स्रोत

2014-10-27 17:20:01

क्या रैखिक-ढाल के लिए अभी भी ब्राउज़र उपसर्ग की आवश्यकता है?

उत्तर

संबंधित मुद्दे