Cargando

Ir a contenido

X

webkit-gradient - IE duda





  AUTOR PREGUNTA

Publicado 15 julio 2014 - 05:37
¿Cómo puedo aplicar el webkit-gradient a Internet Explorer, si me podrían ayudar con las diferentes versiones lo agradecería un montón? Gracias!
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 15 julio 2014 - 22:03
-webkit-gradient() es solo para exploradores que usen webkit por lo que para Internet Explorer no te funcionará, debes usar background para ello en vez.

 

Publicado 15 julio 2014 - 22:05
Como dice George, para Internet Explorer, Firefox y Opera no te funcionará, te dejo como podrías lograr ese efecto con otro acercamiento:

/* Opera 11.10+ */ background: -o-linear-gradient(top, rgba(0,51,102,1), rgba(85,170,238,1));
/* Firefox 3.6+ */ background: -moz-linear-gradient(top, rgba(0,51,102,1), rgba(85,170,238,1));
/* Chrome 7+ & Safari 5.03+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,51,102,1)), color-stop(1, rgba(85,170,238,1)));
/* Newer Browsers */ background: linear-gradient(top, rgba(0,51,102,1), rgba(85,170,238,1));
/* IE5.5 - IE7 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF003366,EndColorStr=#FF55AAEE);
/* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF003366,EndColorStr=#FF55AAEE)"


   AUTOR PREGUNTA

Publicado 16 julio 2014 - 04:13
Gracias por el código nieves y por la aclaración george ;)


X