Cargando

Ir a contenido

X


Ver Más! Si te gusta crear vídeos con tus mejores fotos o montajes de vídeos en DVD o Blu-ray, Wondershare DVD Creator es tu programa. Haz clic en el enlace, conoce todo lo que ofrece y cómo usarlo.


Linear Gradient no funciona en iPad, iPhone, Safari Apple



2 Respuestas de expertos

#1   Nestor1

  •   Reputación:229
  •   Respuestas:384
  •   Tutoriales:35
0 0 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:

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:81
  •   Respuestas:100
  •   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:229
  •   Respuestas:384
  •   Tutoriales:35
0 0 1

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!

¿Sigues sin solución? Realiza tu pregunta gratis en Solvetic ¡Únete!