¿Todavía se requiere el prefijo del navegador para el gradiente lineal?

¿Debo seguir usando los prefijos del navegador para la propiedad de gradiente lineal?¿Todavía se requiere el prefijo del navegador para el gradiente lineal?

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

Solo quiero el soporte de las últimas versiones del navegador. Intenté seguir, pero no funciona.

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

Fuente

2012-03-03 user1117313

+10

¿No es la respuesta obvia, entonces? – BoltClock

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

posible duplicado de [¿Cómo puedo averiguar cuándo puedo soltar con seguridad los prefijos de proveedor para una propiedad CSS3?] (Http://stackoverflow.com/questions/9211602/how- do-i-find-out-when-i-can-secure-drop-vendor-prefixes-for-a-css3-property) y [¿Tenemos que usar prefijos de proveedor de CSS no estándar/específicos del navegador?] (http://stackoverflow.com/questions/9401830/do-we-have-to-use-non-standard-browser-specific-css-anymore) (más algunas preguntas similares vinculadas allí) – BoltClock

Según Can I use, a junio de 2017, 93,75% de uso de Internet está en un navegador compatible con gradientes lineales sin prefijo (97,2% en los EE.UU.). Para la mayoría de las personas, esto significa que ya no necesita agregar prefijos a sus degradados.

A continuación se muestra la primera versión y fecha de lanzamiento compatible para los navegadores de escritorio más comunes:

IE v10, lanzado en septiembre de 2012
Firefox v16, liberado en agosto 2012
Chrome v26, publicado en febrero de 2013
Safari v6.1, publicado en octubre de 2013
Opera 12.1, publicada en noviembre de 2012

La información sobre la historia de la compatibilidad de los otros navegadores (incluyendo los navegadores móviles) está disponible en Can I use.

Fuente

2012-03-03 20:16:20 Mohsen

El ejemplo siguiente

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

muestra que la lineal-gradiente es más allá de prefijos simples. Por ejemplo, el que se ejecuta en IE requiere un prefijo y un objeto DXImageTransform. Por lo tanto, linear gradient es más un atributo SVG que requiere un trabajo adicional más allá de los prefijos.

Fuente

2012-03-04 07:20:40 jmishra

Ahora puede utilizar:

linear-gradient

sin prefijos y será apoyado por IE10 +, así como las versiones actuales de Safari, Chrome y Firefox. Para obtener información más detallada, consulte: http://caniuse.com/#search=linear-gradient

Pero la respuesta breve es: No se requiere prefijo.

Fuente

2014-10-27 17:20:01

¿Todavía se requiere el prefijo del navegador para el gradiente lineal?

Respuesta

Cuestiones relacionadas