CSSで背景だけ透過させる方法!

2014/05/16

backTransparent

こんにちは。
今回はCSSで背景だけ透過させる方法を紹介したいと思います。

下記の方法で透過させるとその子要素のテキストや画像まで透過してしまいます。

 

子要素を透過させたくない場合はrgba()を用いて背景色にalpha値を設定します。

 

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)

 

子要素がない場合は別として、ほとんどの場合は子要素を透過させたくないと思いますので覚えておくと便利だと思います。

以上でCSSで背景だけ透過させる方法でした。

topへ戻る