Linear Gradient no funciona en iPad, iPhone, Safari Apple
Iniciado por
Nestor1
, ago 06 2014 08:20
AUTOR PREGUNTA #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:
[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
#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...
AUTOR PREGUNTA #3
Publicado 08 agosto 2014 - 18: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.
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.
