背景を透過させたい場合のCSSにこう書いちゃえ※IE対応
背景画像の中に文字を表示させたいけど、文字が見えにくかったので、
背景透過を教えて頂きました♡こんな感じね。
今までだったら元の画像を処理してしまってたところ、実は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
Advertisement
トラックバックURL: http://wpcollege.info/css/rbg.html/trackback