[解決済み] 透明色 vs rgba(0,0,0,0)

質問

使用する大きなメリットはありますか？

background-color: rgba(0,0,0,0);

の代わりに

background-color: transparent;

?

解決方法は？

動作は全く同じですが transparent はIE8にも対応しています。 . RGBA はより高度なものです（ただし IE8をサポートしていない というように、素早く修正することができます。 ほぼ透明 属性を完全に変更することなく、色を変更することができます。

例えば、以下のように設定するのはとても簡単です。

background-color: rgba(0,0,0,0.1);

認識できないプロパティを無視するブラウザのデフォルト動作のため、新しいブラウザでは新しいものを使用し、古いブラウザではフォールバックを残すために、単に両方を入力することでそれらを組み合わせることが可能である。

background-color: transparent;
background-color: rgba(0,0,0,0);

あるいは、もっと便利なのは、引用された alreasy の場合です。 ほぼ透明 の背景は、書くことができます。

background-color: transparent;
background-color: rgba(0,0,0,0.1);

新しいブラウザは rgba(0,0,0,0.1) を背景として使用し、以前の transparent という宣言がありますが、IE8では transparent を無視するため、背景として認識されます。 rgba() の値で、若干異なる結果になりますが、以下のようになります。 グレースフルデグラデーション の原則に従います。