背景を透過させるのに便利なrgba記述とIE8以下での対応方法

harada 488views 更新:2015年2月9日

rgba記述で背景を透過させると、文字は透過されないので便利です。
ですが、IE8以下では表示されないので別途記述が必要です。

rgbaで黒背景を40%透過で表示する場合

background: rgba(0,0,0,0.4);

IE8以下で透過させる場合

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000);

66部分が透過させたいパーセンテージになります。ここはrgbaとは透過の度合いが違うので、実際はブラウザを見比べて数字を変更して適用する必要があります。

参考:背景をrgbaで設定した時にIE8以下で透過する方法

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません