CSS渐变不适用于Android 2.3.6?
问题描述:
我使用这个代码为div
CSS渐变不适用于Android 2.3.6?
background: url(../img/texturee.png), linear-gradient(left, #de2785 1%,#f954b1 50%,#de2785 100%);
,并增加供应商前缀我使用这个库http://leaverou.github.com/prefixfree/
它在Chrome,火狐,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 - 见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%);
但我使用这个库的http:// leaverou。 github.com/prefixfree/在需要时添加供应商前缀。 – 2012-01-16 15:55:19
它会添加供应商前缀,但我没有看到它支持过时的语法,我们正在谈论标准的'-webkit-linear-gradient'与过时的'-webkit-gradient'的区别,我没有相信prefixfree将知道也应用'-webkit-gradient'风格,因为它是一种不同的语法。 – MikeM 2012-01-16 16:06:24
编辑答案与语法来尝试 – MikeM 2012-01-16 16:10:56