出力インターフェイスに表示されるべき色の名前は、その background プロパティに書き込まれます。例えば、 ' 背景: 赤 」は、背景色を赤に設定します。同様に、背景をシンプルに保つか、背景色を削除するには、「 なし ' と ' 透明 」は、色の名前ではなく背景プロパティで使用されます。
background:none と background:transparent は両方とも、背景を完全に削除するため、同じ結果を表示します。したがって、両者の働きに大きな違いはありません。
CSSの「background:none」と「background:transparent」の違い
「 背景:なし ' と ' 背景: 透明 」、どちらも同じ目的で使用されます。背景色をなしに設定するか、背景から色を削除します。
それでも、批判的に考えてそれらの違いを見つけようとすると、次の 2 つの違いが考えられます。
- この 2 つの主な違いは、文字数が異なる別の単語であることです。そのため、多くの人は、巨大なドキュメントでさまざまな場所で何度も使用されている場合、「 背景:なし 」は、transparent に比べて文字数が少ないため、コンパイルにかかる時間が短くなる可能性があります。
- それらがどのようにコンパイルされるかについて話すと、「 背景:なし 」は、背景画像をなしに設定するか、背景色を削除するとしましょう。一方、「 背景:透明 」は、テキストの背景またはインターフェイス全体 (CSS スタイル要素で参照されている方) として透明色を設定します。
しかし、これらのタイプの違いは、最終的には違いがないため、グラフィカル インターフェイスに与える影響について話す場合は無視できます。
例: background:none と background:transparent を適用する
実際に証明してみましょう」 背景:なし ' と ' 背景:透明 」 インターフェイスに対して同じことを行います。 none と transparent の両方で CSS background プロパティの影響を知るコード スニペットを記述します。
< h2 ID = '文章' >これは、background:none と background:transparent の目的を説明する簡単なテキストです。
< / h2 >
上記のコード スニペットでは、HTML ドキュメントで作成された見出しがあり、「 文章 」。
CSS 背景プロパティの追加
テキストには id が与えられているので、CSS スタイル要素に id セレクターを作成し、単純に「 背景:なし その中のプロパティ:
# 文章 {バックグラウンド : なし ;
}
同様に、「 背景:透明 」 プロパティ、方法に違いはありません。単純に、「 なし ' と ' 透明 」:
# 文章 {バックグラウンド : 透明 ;
}
両方の「 背景:なし ' と ' 背景:透明 」は同じ出力を生成します。
これは、両者に違いはなく、同じ方法でコンパイルされることを意味します。
色名を使用して背景プロパティを追加する
ここで、「」の代わりに色の名前を追加すると、 なし ' と ' 透明 」、出力は「によって生成されたものと同じになることはありません 背景:なし ' と ' 背景:透明 」。たとえば、 background プロパティに色の名前を書きます:
# 文章 {バックグラウンド : ライトブルー ;
}
違いは明らかです。の場合と同じ出力を表示していません 背景:なし と 背景:透明 :
これは、background:none と background:transparent の違いをまとめたものです。
結論
background:none と background:transparent は、それぞれ背景色を削除し、背景色を透明に設定するために使用されます。ただし、どちらも出力インターフェイスにまったく同じ影響を与えるため、background:none と background:transparent の両方を同じ目的で使用できます。