2012-01-16 9 views
3

は、私はそれはクロム、Firefoxの、サファリ、iPhone、iPadのではなく、中に正常に動作していますhttp://leaverou.github.com/prefixfree/Android 2.3.6ではCSSグラディエントが動作しませんか?

このライブラリを使用していdiv

background: url(../img/texturee.png), linear-gradient(left, #de2785 1%,#f954b1 50%,#de2785 100%); 

ために、このコードを使用していますし、ベンダープレフィックスを追加します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の部分的なサポートとは、古くなった勾配構文は

を動作するが、任意の追加の詳細

を提供していません

EDIT:

はおそらく

/* 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/必要に応じてベンダープレフィックスを追加します。 –

+1

ベンダーのプレフィックスを追加しますが、古い構文をサポートしているとは思えません。標準の '-webkit-linear-gradient'と古くなった' -webkit-gradient'の違いを話しています。 prefixfreeは '-webkit-gradient'スタイルを適用することを知っています。なぜなら、これは別の構文だからです。 – MikeM

+0

編集した解答を試す構文 – MikeM

関連する問題