2012-01-16 85 views
3

我使用这个代码为divCSS渐变不适用于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%); 

,但仍然没有工作。

回答

7

可能你需要使用过时的渐变语法... -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%); 
+0

但我使用这个库的http:// leaverou。 github.com/prefixfree/在需要时添加供应商前缀。 – 2012-01-16 15:55:19

+1

它会添加供应商前缀,但我没有看到它支持过时的语法,我们正在谈论标准的'-webkit-linear-gradient'与过时的'-webkit-gradient'的区别,我没有相信prefixfree将知道也应用'-webkit-gradient'风格,因为它是一种不同的语法。 – MikeM 2012-01-16 16:06:24

+0

编辑答案与语法来尝试 – MikeM 2012-01-16 16:10:56