問題
背景色を透過させたい。
解決策
「background-color」でRGBA指定を行う。
RGBA指定
透過したブロックを作る場合、PNG画像の使用とopacity等の他に、「background-color」でのRGBA指定で実現することができます。
CSSの記述例
「background-color」にて、RGB(R:0~255、G:0~255、B:0~255)+A(アルファ:0.0(完全透過)~1.0(透過なし))指定により、色を透過させることができます。
.rgba-box{ padding: 10px; background-color: rgba(0,0,0,0.3); }
DEMOはこちら
背景色が透過されています。
黒:30%
コメント