当前位置 : 主页 > 网页制作 > css >

CSS渐变不适用于Android 2.3.6?

来源:互联网 收集:自由互联 发布时间:2021-06-13
我正在使用此代码作为div background: url(../img/texturee.png), linear-gradient(left, #de2785 1%,#f954b1 50%,#de2785 100%); 并添加供应商前缀我正在使用此库http://leaverou.github.com/prefixfree/ 它在Chrome,Firefox,Saf
我正在使用此代码作为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%);
网友评论