Il prefisso del browser è ancora richiesto per il gradiente lineare?

Devo ancora usare i prefissi del browser per la proprietà a gradiente lineare?Il prefisso del browser è ancora richiesto per il gradiente lineare?

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);

Desidero solo il supporto delle versioni più recenti del browser. Ho provato a seguire, ma non funziona.

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

fonte

2012-03-03 user1117313

+10

Non è la risposta ovvia, quindi? – BoltClock

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

possibile duplicato di [Come faccio a sapere quando posso cancellare in modo sicuro i prefissi dei fornitori per una proprietà CSS3?] (Http://stackoverflow.com/questions/9211602/how- do-i-find-out-when-i-can-safe-drop-vendor-prefixes-for-a-css3-proprietà) e [Dobbiamo usare i prefissi dei fornitori CSS non standard/specifici del browser?] (http://stackoverflow.com/questions/9401830/do-we-ha-to-use-non-standard-browser-specific-css-anymore) (più alcune domande simili collegate in là) – BoltClock

Secondo Can I use, a partire da giugno 2017, 93,75% di utilizzo di Internet è in un browser che supporta i gradienti lineari senza prefisso (97,2% negli Stati Uniti). Per la maggior parte delle persone, questo significa che non è più necessario aggiungere il prefisso ai gradienti.

Di seguito è la prima versione e release compatibile con la data per i browser desktop più comuni:

IE v10, rilasciato settembre 2012
Firefox V16, rilasciato agosto 2012
Chrome v26, rilasciato a febbraio 2013
Safari v6.1, rilasciato nell'ottobre 2013
Opera 12.1, rilasciato novembre 2012

informazioni sulla storia compatibilità di altri browser (tra cui browser mobile) sono disponibili all'indirizzo Can I use.

fonte

2012-03-03 20:16:20 Mohsen

Il seguente esempio

 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 */

mostra che la lineare gradiente è più oltre semplici prefissi. Ad esempio, quello che gira su IE richiede un prefisso e l'oggetto DXImageTransform. Quindi, linear gradient è più di un attributo SVG che richiede un lavoro aggiuntivo oltre i prefissi.

fonte

2012-03-04 07:20:40 jmishra

È ora possibile utilizzare:

linear-gradient

senza prefissi e sarà supportato da IE10 + così come le versioni attuali di Safari, Chrome e Firefox. Per informazioni più dettagliate vedere: http://caniuse.com/#search=linear-gradient

Ma la risposta breve è: Nessun prefisso richiesto.

fonte

2014-10-27 17:20:01

Il prefisso del browser è ancora richiesto per il gradiente lineare?

risposta

Problemi correlati