CSS 透過の小技、背景だけを透過

CSSで背景やボタンなどを透過させよう。

opacityを使用したよく使われる透過CSS

filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;

filterは、IE向け
-moz-opacityは、chromeやFirefox(Mozzila)向け
opacityは、SafariやOpera向け
となります。

背景だけを透過させたい時は?

よくありがちなケースとして、背景に透過をかけたら、その中の文章や画像が全部透過してしまったというケースです。
そんな時は以下を使用↓0.15の数字を自分好みの透過レベルに修正ください。255は色になります、要素を検証で指定すると早いですね。

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

コメントを残す

メールアドレスが公開されることはありません。