• 背景を透過させたい場合のCSSにこう書いちゃえ※IE対応


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

    今までだったら元の画像を処理してしまってたところ、実は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

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

    コメントを残す

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

    トラックバックURL: http://wpcollege.info/css/rbg.html/trackback