DIVの背景色を透明に設定する方法（CSS）

画像の不透明度は、CSSでopacityを使用して設定が可能です（参照）。 たとえば、次のようなCSSコードを使用して画像の不透明度を調整することができます。

img {
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}

DIVの背景色を透明（不透明）に調整するには、次のコードを使用することができます（Source：stackoverflow）。

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
filter: alpha(opacity=50);  /* IE 5-7 */
-moz-opacity: 0.5;          /* Netscape */
-khtml-opacity: 0.5;        /* Safari 1.x */
opacity: 0.5;               /* Good browsers */

上記のコードは、長い時間前に出てきたようですが、実際に適用してみると予想したようにうまく動作しますね。 参考までに、上記のコードは、CSS3属性ではないですね（参照).

または、background-color：rgba（255、0、0、0.4）; 形式的に背景色の透明度を調整することができます。 背景画像の透明度は、下のコードを使用します。

background: url('img/red_transparent_background.png');
background: rgba(255, 0, 0, 0.4);