CSSの透明度は、rgba(0, 0, 0, 0)
とrgba(255, 255, 255, 0)
のどちらを使うべきでしょうか?
また、それぞれの長所と短所は何ですか?
関数 rgba()
の最後のパラメータは、"alpha"または"opacity"パラメータです。これを0
に設定すると、完全に透明という意味になり、最初の3つのパラメータ(red
、green
、blue
の各チャンネル)は、いずれにしても色を見ることができないので、重要ではありません。
この点を考慮して、私はrgba(0, 0, 0, 0)
を選択します。
これは、w3.orgによると、"transparent black"と同等であり、rgba(0, 0, 0, 0)
と計算する必要があります。例えば、以下のようになります。
h1 {
background-color: transparent;
}
これにより、透明度を使用する意図が明らかであるにもかかわらず、さらに数バイトを節約することができます(RGBAに慣れていない人のために)。
CSS3では、色を指定できるすべてのCSSプロパティに対して、transparent
キーワードを使用できます。
rgba(255,255,255,a)を使用した場合、背景色は 'a'の値が0.0から1.0に増加するにつれてますます明るくなりますが、わずかな違いがあります。一方、rgba(0,0,0,a)を使用した場合は、 'a'の値が0.0から1.0になるにつれて、背景色はますます濃くなります。 とはいえ、(255,255,255,0)と(0,0,0,0)のどちらも背景を透明にすることは明らかです。 を透明にすることができます。 (255,255,255,1)は背景を完全に白にし、(0,0,0,1)は背景を完全に黒にします。