我正在使用此代码作为div background: url(../img/texturee.png), linear-gradient(left, #de2785 1%,#f954b1 50%,#de2785 100%); 并添加供应商前缀我正在使用此库http://leaverou.github.com/prefixfree/ 它在Chrome,Firefox,Saf
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-gradientSurfin’ 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%);