次のCSSが有効かどうか誰かに教えてもらえますか？
.class {
background-color:none;
}background:none;有効であり、背景色を透明に設定すると混同される場合があります。
回答:
あなたはおそらく望んtransparentとしてnone有効ではありませんbackground-color値。
CSS 2.1の仕様は、のために、以下の状態background-colorプロパティを：
Value: <color> | transparent | inherit
<color>キーワードまたは色の数値表現のいずれかです。有効なcolorキーワードは次のとおりです。
アクア、ブラック、ブルー、フクシア、グレー、グリーン、ライム、マルーン、ネイビー、オリーブ、オレンジ、パープル、レッド、シルバー、ティール、ホワイト、イエロー
transparentおよびinheritそれ自体は有効なキーワードですが、そうでnoneはありません。
transparent、それはあなたが「オフ」の背景色を変えたい場合に使用するものです。
color、ではありませんfont-color。他のフォントプロパティがそのfont前にあるときはいつでも非常に理にかなっています...
いいえ、transparent代わりに使用しますnone。作業例を参照してください。ここでは、変更になる場合は、この例ではtransparentにnone、それは動作しません
のように使う .class { background-color:transparent; }
答えはノーだ。
.class {
background-color: none; /* do not do this */
}.class {
background-color: transparent;
}background-color: transparentあなたがしたかったのと同じことを達成しbackground-color: noneます。
.class {
background-color:none;
}これは有効なプロパティではありません。W3Cバリデーターは次のエラーを表示します：
値エラー：background-color noneはbackground-color値ではありません：none
transparentCSSの仕様の開発中に、0またはnone値ではなく、より良い用語として選択された可能性があります。
CSSレベル3はunsetプロパティ値を指定します。MDNから：
未設定のCSSキーワードは、初期キーワードと継承キーワードの組み合わせです。これらの他の2つのCSS全体のキーワードと同様に、CSSの省略形allを含むすべてのCSSプロパティに適用できます。このキーワードは、親から継承する場合はプロパティを継承値にリセットし、そうでない場合は初期値にリセットします。つまり、最初のケースではinheritキーワードのように動作し、2番目のケースでは初期キーワードのように動作します。
残念ながら、この値は現在、IE、Safari、Operaを含むすべてのブラウザーでサポートされているわけではありません。transparentとりあえず使用することをお勧めします。
これを書いてください：
.class {
background-color:transparent;
}そこで、このソリューションを利用しなければならないシナリオについて説明します。基本的に、別のCSSによって設定されたbackground-color属性を元に戻したかったのです。予想される最終結果は、元のCSSがbackground-color属性を適用したことがないかのように見せることです。設定background-color:transparent;はそれを有効にしました。