1

W3 CSSバリデーターを使用しているときに、このエラーが発生します

値エラー：backgroundlinear-gradient（top、＃fefefe、＃dddddd）はbackground-color値ではありません：linear-gradient（top、＃fefefe、＃dddddd）

この行の場合：

  background:  linear-gradient(top, #fefefe, #dddddd);

と同様：

  background:  -webkit-linear-gradient(top, #fefefe, #dddddd);

グラデーションを使おうとすると、他の線が表示されます。

グラデーションは機能しますが、間違った構文を使用していますか？

4

6 に答える 6

5

CSS3はまだ完成していません。つまり、バリデーターはCSS3の最新の作業ドラフトに対して検証していない可能性があります。また、バリデーターはおそらく-moz-*や-webkit-*のようなベンダー固有のcssを検証しません

線形グラデーションの使用に関する仕様については、w3の最新のドラフトを参照してください。

ところで、私はあなたのコードの「上」はグラデーションの方向として「上へ」であるべきだと信じています。ドラフトからの例12：

以下は、基本的な垂直グラデーションを指定するさまざまな方法です。

linear-gradient(yellow, blue);
linear-gradient(to bottom, yellow, blue);
linear-gradient(180deg, yellow, blue);
linear-gradient(to top, blue, yellow);
linear-gradient(to bottom, yellow 0%, blue 100%);
于 2012-09-21T20:24:06.080 に答える
1

バリデーターで選択しているCSSのバージョンは何ですか？CSS3に設定されていますか？私は、実際には私のコードに何も問題がなかったのに、バリデーターが奇妙なエラーをスローすることを知っていました。

于 2012-09-21T20:13:57.560 に答える
1

次のジェネレータを試してください。

http://www.colorzilla.com/gradient-editor/

これにより、すべてのブラウザで正しい構文が得られます。

于 2012-09-21T20:24:35.017 に答える
1

w3cのバリデーターは、w3cの推奨事項を使用します。linear-gradientw3cからの推奨にはなっていないため、技術的には「有効」ではありません。他のブラウザベンダーは先に進んで、作業ドラフトで指定されているものを実装しました（w3cが仕様を完成させるまで、これがあまり変わらないことを望んでいます）。これが、それが機能するためにベンダープレフィックスが必要な理由です。

于 2012-09-21T20:31:40.423 に答える
1

グラデーションが最終仕様の一部でない限り、w3cバリデーターはこれに対してエラーをスローします。ドラフト状態の「実験的」機能のバリデーターに依存しないでください。

したがって、構文は問題ありませんが、ブラウザでのさまざまな実装に注意してください。

于 2012-09-21T20:32:08.470 に答える
0

値エラー：幅解析エラー-90px）

幅：calc（100％-90px）; 幅：-moz-calc（100％-90px）; 幅：-webkit-calc（100％-90px）;

于 2015-03-13T20:31:06.377 に答える