問題 × 解決策

「background-color」のRGBA指定で、背景色を透過する

問題

背景色を透過させたい。

解決策

「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%

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

4 × two =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧