わーぷれCollege

Tweet

背景画像の中に文字を表示させたいけど、文字が見えにくかったので、
背景透過を教えて頂きました♡こんな感じね。

今までだったら元の画像を処理してしまってたところ、実はCSSで作れてしまうなんて感動☆
ってことで、以下をCSSに記述して下さい。

    background: rgb(255,255,255);
    filter:alpha(opacity=50); 
    background: rgba(255,255,255,0.5);

1行目のbackground: rgb(255,255,255);はIE用に記述します。
2行目のfilter:alpha(opacity=50); は、IE用の背景を50%透過させるよ！という記述です。
3行目はIE以外のブラウザ用で、白(255, 255, 255) 50%透過(0.5) という記述です。

今回は白っぽく透過させましたが、他にもいろんな色を指定できます。
このカラーチャートが綺麗で使いやすそう！RGB COLOR CHART

カテゴリー： CSS｜コメント(0)｜2012年3月29日4:38 AM