1 
@include linear-gradient(color-stops(#e2e2e2, #fff 600px), top);

次のようなものを生成します

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e2e2e2), color-stop(100%, #ffffff));
                                                     ^ this is not 600px

また、この投稿から、Webkitでは600pxではなく600のようなものを使用する必要があることを学びました。

コンパスはそれをしませんか？

また、追加する必要がありbackground-repeat: no-repeatます。それ以外の場合、グラデーションはWebkitで繰り返されますか？

4

1 に答える 1

1

同じ問題を抱えている+1。苛立たしいことに、このコンパスの例のページは、WebKitで正常に機能するグラデーションを示しています。多分それはバージョンの問題ですか？以前のバージョンにダウングレードして、それが役立つかどうかを確認しようとしています。

編集

Webkitのカラーストップが頭の中で修正されたようです。最新バージョン（この記事の執筆時点では0.11.beta.2）をインストールし、サーバーを再起動してください（最初に行ったのとは異なります）。Webkitの色が正しく機能しなくなることがわかります。

于 2011-02-25T20:06:46.870 に答える