1

CSS3 W3.org Validator を介してグラデーション css を検証しようとすると、エラーが表示されます

ごめん！次のエラーが見つかりました (5)

私のコードは

background: linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);

エラーhttp://www.freeimagehosting.net/uy82i

4

5 に答える 5

5

さて、リズワン、まず第一に、あなたが使用しているサイトhttp://jigsaw.w3.org/css-validator/#validate_by_inputはCSS3を完全にサポートしていません。

差出人：CSSバリデーターについて

だから、これは正しいCSSとそうでないものの権威ですか？

いいえ。これは便利で信頼性の高いツールですが、ソフトウェアツールであり、すべてのソフトウェアと同様に、いくつかのバグや問題があります。カスケードスタイルシートの実際のリファレンスはCSS仕様です。

デフォルトでは、このバリデーターは、CSS 2.1仕様で定義されている文法、プロパティ、および値に対してスタイルシートをチェックしますが、オプションを使用して他のCSSプロファイルをチェックすることができます。

バグや問題を調べると、次のバグが見つかります。線形グラデーションを背景画像として、線形グラデーションを認識しません。

-webkit-gradientはブラウザ固有であり、w3.orgバリデーターはそれを認識しません。

最後のアドバイスです。バリデーターに頼りすぎないでください。バリデーターはエラーを見つけるのに役立つかもしれませんが、100％正確ではありません。CSS3の場合、ブラウザでこれらのプロパティをテストし、それらが機能しているかどうかを確認すると、より良い結果が得られます。

于 2012-05-30T04:50:09.030 に答える
2

W3 グラデーションでは -webkit-gradient でエラーが発生します。これは、Google chrome w3.org でのみサポートされているため、フォント、幅、高さなど、すべてのブラウザーで検証されるスタイルのみを検証するためです。

于 2012-05-31T07:07:23.193 に答える
1

人々があなたに言っていることに耳を傾けてください。linear-gradient はまだ CSS3 仕様の一部ではないため、無効なコードとして正しくマークされています。

複数のブラウザーが独自のバージョンのタグ (moz-、webkit- など) を実装しているため、これらの機能を早期に提供できます。linear-gradient が完全に設計され、CSS3 仕様に受け入れられると、これらのベンダー固有のプレフィックスはなくなり、linear-gradient は W3C 検証ツール内で無効ではなくなります。

それまでは、ベンダー固有のタグ、CSS3 標準タグ、および古いブラウザー フォールバックを提供することしかできません。また、あなたの裁量で、クライアントとのフレンドリーなチャットが大いに役立つこともあります。あなたが使用している最先端のコードは、古いブラウザを使用しているユーザーに適切なフォールバックを提供していることを説明してみてください (そうですよね?)。

于 2012-06-04T23:47:54.670 に答える
1

あなたが持っているものは大丈夫です。これらのエラーが発生する唯一の理由は、まだファイナライズされていないため、バリデーターはこれが存在しないと考えているためです。さまざまなブラウザー サポートを試してみると、 impressionwebse.comから何かを試すことができます。これを行うと、ウェブサイトで機能しますが、そのコマンドがまだ確定していないため、バリデーターで正しいとは思われません。これが役に立ったことを願っています！イーサン・ブラウワー

于 2012-06-04T12:19:05.023 に答える
0

-webkit-gradientは CSS3 で定義されていないため、エラーが表示されます。これは、Chrome などの WebKit ベースのブラウザーに固有のものです。

linear-gradient代わりに使用してみてください。ただし、現時点でサポートしているブラウザはありません。

、、、、または-webkit-で始まるものはすべて、ブラウザに固有のものです。これは、最終決定されていない新しい機能または仕様をサポートするために行われます。-moz--o--ms-

http://www.colorzilla.com/gradient-editor/は、ブラウザ間のグラデーションを作成するための優れたツールです。

于 2012-05-29T16:24:28.380 に答える