CSS gradiente no funciona en Android 2.3.6?
Estoy usando este código para una div
background: url(../img/texturee.png), linear-gradient(left, #de2785 1%,#f954b1 50%,#de2785 100%);
y para agregar prefijos de proveedor estoy usando esta biblioteca http://leaverou.github.com/prefixfree/
- Mejores prácticas de tamaño de imagen para aplicaciones móviles
- Corregido el encabezado y el pie de página en la versión para móviles un sitio web
- Android 2.2 2.3 solución para la consulta de medios de ancho de dispositivo
- Problemas al utilizar extensiones en tel: hipervínculos en Android 4
- Detectar si el navegador tiene teclado / teclas de flecha en la página web
Está funcionando bien en Chrome, Firefox, Safari, iPhone, iPad pero no en el navegador predeterminado de Android 2.3.6. ¿Estoy haciendo algo mal?
http://caniuse.com/#search=gradients
Editar:
Después de la respuesta @mdmullinax, la cambié a
background: url(../img/texturee.png), -webkit-linear-gradient(left, #de2785 1%,#f954b1 50%,#de2785 100%);
pero todavía no funciona.
- ¿Cómo escalar un sitio web para dispositivos móviles?
- ¿Hay algún uso de favicon.ico para sitios web móviles?
- Cómo abrir el archivo .html local en los emuladores de Android y Blackberry, para la prueba?
- El navegador de Android actualiza la página después de seleccionar el archivo a través del elemento de entrada
- ¿Es posible recibir eventos de inclinación en JavaScript en Webkit móvil para teléfonos iOS o Android?
- El botón "Añadir a la pantalla de inicio" de Android no muestra el sitio web como una aplicación web
- ¿Cuál es la forma correcta de desarrollar aplicaciones para sitios web en Córdoba?
- ¿Existe un método aceptable de plataforma cruzada para mostrar un teclado numérico en formularios web estándar en un dispositivo basado en táctil?
posible, necesitará usar la sintaxis del degradado obsoleto … -webkit-gradient
Introducción a CSS Gradients – documentación sobre sintaxis obsoleta
CSS3 Gradients – vea el párrafo sobre Changes from -webkit-gradient
caniuse.com toma nota de esto brevemente
Nota: El soporte parcial en Safari / Chrome hace referencia a la necesidad de utilizar una sintaxis de degradado obsoleto para trabajar
pero no proporciona ningún detalle adicional
EDITAR:
quizás intente
/* bkgd w/outdated webkit gradient */ background: url(../img/texturee.png), -webkit-gradient(linear, left top, left bottom, color-stop(1%,#de2785), color-stop(50%,#f954b1), color-stop(100%,#de2785)); /* bkgd w/standards gradient */ background: url(../img/texturee.png), linear-gradient(left, #de2785 1%,#f954b1 50%,#de2785 100%);
- Error de sintaxis, inserte ";" para completar Declaración en Android?
- Evento de escucha de Android onTouch