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 - Blog Archive » Introducing CSS Gradients - 有关过时语法的文档

Surfin' Safari - Blog Archive » CSS3 Gradients - 请参阅Changes from -webkit-gradient

上的段落

caniuse.com简要说明了这个

  

注意：Safari / Chrome中的部分支持是指需要使用过时的渐变语法

但未提供任何其他详细信息

修改

也许试试

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