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 Gradients简介 - 过时语法的文档

Surfin'Safari - 博客存档»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%);