CSS渐变不适用于Android 2.3.6？

我正在使用此代码作为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%);

但仍然没有工作.

解决方法:

可能你需要使用过时的渐变语法…- webkit-gradient

Surfin’ Safari – Blog Archive » Introducing CSS Gradients – 有关过时语法的文档

Surfin’ Safari – Blog Archive » CSS3 Gradients – 请参阅-webkit-gradient中的更改段落

caniuse.com简要地说明了这一点

Note: Partial support in Safari/Chrome refers to requiring an outdated gradient syntax to work

但不提供任何其他细节

编辑：

也许试试吧

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

标签：android,css,css3,cross-browser,mobile-website
来源： https://codeday.me/bug/20190729/1575071.html