2011-11-25 3 views
0

私はMoscssグラデーションでModernizrを使用しようとしています。 私はModernizrがプレフィックスを追加できるようになったことを読んだ。Modernizrは私のCSSグラデーションにプレフィックスを加えません

background-image: linear-gradient(top, #FFF, #AAA); 

を私は理解している場合、これはに変換する必要があります: だから、私は私のcssファイルでこれを設定している

background-image: -webkit-linear-gradient(top, #FFF, #AAA); 

しかし、何も起こりませんし、私の勾配は表示されません。それはバグですか、何か不足していますか?

+0

です。ここで、modernizrがベンダープレフィックスを追加できると聞きましたか? AFAIKそれはありません – stephenmurdoch

+0

[prefixfree](http://leaverou.github.com/prefixfree/)ベンダープレフィックスをしたい場合はlea verouから、これらのツールの負荷がありますが、 – stephenmurdoch

答えて

2

Modernizrはベンダープレフィックスを追加しません。ブラウザがサポートしているものだけをチェックします。

このjQueryプラグインを使用できます。 https://github.com/codler/jQuery-Css3-Finalizeベンダーのプレフィックスが自動的に追加されます。しかし、線形勾配に対してはサポートが限定されています。

+0

このライブラリを私に見せていただきありがとうございますが、あなたが言うように、リニアグラデーションでは動作しないようです。 –

+0

これは、この形式でのみサポートします。たとえば、直線勾配(#ffffff、#e5e5e5)です。それは16進数でなければならず、6つの符号を持たなければならない(3になることはできない)。 – Codler

+0

これは、サポートしているもののリストです。https://github.com/codler/jQuery-Css3-Finalize/wiki/Rules-supported – Codler

3

ModernizrはJavaScriptライブラリです。 CSSの動作は変わりません。 Modernizrの接頭辞は、実行中のブラウザに必要な場合は、正しく接頭辞付きのCSSプロパティ名を生成します。サンプルコードにはJavaScriptはありません。それは単なるCSSです。 Modernizrはその行動を変えません。

+0

私は完全にmodernizrであると誤解しています。 .. 説明ありがとう。 –

関連する問題