#1
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:
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.
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
#2
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
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.
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.
