CSS-градиент не работает на Android 2.3.6?

Question

Я использую этот код для div

background: url(../img/texturee.png), linear-gradient(left, #de2785 1%,#f954b1 50%,#de2785 100%);

и для добавления префиксов поставщиков Я использую эту библиотеку http://leaverou.github.com/prefixfree/

В Chrome, Firefox она работает нормально, Safari, iPhone, iPad, но не в браузере Android 2.3.6 по умолчанию.Я делаю что-то не так?

http://caniuse.com/#search=gradients

Редактировать:

После ответа @mdmullinax я изменил его на

background: url(../img/texturee.png), -webkit-linear-gradient(left, #de2785 1%,#f954b1 50%,#de2785 100%);

но все еще не работает.

Answer 1

возможно, вам потребуется использовать устаревший синтаксис градиента ... -webkit-gradient

Surfin 'Safari - Архив блога »Представляем CSS-градиенты - документация по устаревшему синтаксису

Surfin 'Safari - Архив блога »CSS3 Градиенты - см. Абзац Changes from -webkit-gradient

caniuse.com кратко отмечает это

Примечание. Частичная поддержка в Safari / Chrome означает, что для работы требуется устаревший синтаксис градиента

, но не предоставляет никаких дополнительных сведений

EDIT:

возможно попробуйте

/* 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%);