Cargando

Linear Gradient no funciona en iPad, iPhone, Safari Apple




Pulsa corazón para recibir avisos de nuevas Respuestas

  AUTOR PREGUNTA

Publicado 06 agosto 2014 - 09:20
Hola a todos,

estoy poniendo un codigo para poner un botón con degradado de colores y uso este código en el CSS del botón:

[font=courier new,courier,monospace]background: linear-gradient(to bottom, #34b3c7 3%,#006vc5 100%); [/font]


El problema es que veo que funciona en los navegadores como I.Explorer o Mozilla, Chrome, el problema es que en el iPad e iPhone, supongo que es Safari, no funciona y no se ve degrado el lineargradient.

¿Alguna recomendación? ¿Por qué es incompatible con dispositivos Apple?

Muchas gracias.
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba

 

Publicado 06 agosto 2014 - 10:15
Por qué no cambias el to bottom por un top ya que muchos navegadores no aceptan el to bottom...

   AUTOR PREGUNTA

Publicado 08 agosto 2014 - 19:24
mmm ya lo he solucionado y gracias a tu recomendación Dario.

al final y lo comparto con vosotros usé esto en el CSS aparte de dejar también la otra entrada de "to bottom" así funciona en todos los navegadores:

[font=courier new,courier,monospace]background: -webkit-linear-gradient(top, #XXXXXX 0%,#XXXXXX 100%); /* Chrome10+,Safari5.1+ */[/font]

Cambiar las XXXXXX por el color que queráis poner degradado.


X