Cargando

Ir a contenido


Linear Gradient no funciona en iPad, iPhone, Safari Apple



2 Respuestas de expertos

#1   Nestor1

  •   Reputación:199
  •   Respuestas:318
  •   Tutoriales:37

Publicado 06 agosto 2014 - 08: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:

background: linear-gradient(to bottom, #34b3c7 3%,#006vc5 100%);


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

#2   Dario Ortega

  •   Reputación:62
  •   Respuestas:92
  •   Tutoriales:1
1 0 0

Publicado 06 agosto 2014 - 09:15

Por qué no cambias el to bottom por un top ya que muchos navegadores no aceptan el to bottom...

#3   Nestor1

  •   Reputación:199
  •   Respuestas:318
  •   Tutoriales:37

Publicado 08 agosto 2014 - 18:24  AUTOR PREGUNTA

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:

background: -webkit-linear-gradient(top, #XXXXXX 0%,#XXXXXX 100%); /* Chrome10+,Safari5.1+ */

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


No esperes más y entra en Solvetic
Deja tus soluciones y aprovecha las ventajas de la cuenta de usuario ¡Únete!
x

¿Tienes otra pregunta? Aquí puedes encontrar más soluciones!

No esperes más y entra en Solvetic! Solo te esperan ventajas ¡Únete!

Suscribirse