css - background-color が設定されていない (または background-color が透明に設定されている) が、色が設定されている

Question

この警告が表示されます (エラーではありません。CSS は有効です)。

検証のためにチェックするためだけに完全なレポートを選択しました

background-color が設定されていません (または background-color が透明に設定されています) が、色は設定されています。色のカスケードによって、テキストが適度に読みやすくなるようにしてください。

これは何ですか、どのように解決しますか。合計 57 個のセレクターでこれを取得しています。

Answer 1

警告が表示される理由について、@graphicdevine の適切な説明。

ハードコーディングの代わりに

background-color: #xxx;

各タグについて、これを入れることを提案したフォーラムを読みました:

background-color: inherit;

また、テキストの色ではなく背景色を設定する場合は、次のように入力します。

color: inherit;

これらのタイプの警告はすべて解決されました。

Answer 2

Add background-color:#/*whatever you want*/; to all 57 selectors and you should be fine.

Answer 3

次の方法で解決します。

色のカスケードによって、テキストが適度に読みやすくなるようにします。

何か問題があるかもしれないという警告ですが、実際に何か問題があるかどうかを判断できるツールはありません。

(そしてもちろん、「合理的に読みやすい」というのは解釈の余地があります。私はカラー コントラスト アナライザーを使用していますが、他にも多くの同様のツールが存在します。)

Answer 4

フォントの色が背景と同じである場合の理論的な問題をカバーしています。

background-color: #fff;
color: #fff;

心配する必要はありませんが、警告を消したい場合は、メッセージに従って背景色を設定するだけでよいと思います。