iiweb

Webデザイナーの日記・忘備録

白の半透明の背景

背景を二重にして、上部分に透かしを入れたかったので

下記のようなCSSを書きました。

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

 

すると、背景でない部分まで透かしが入り困りました。

以前もこれで困り、調べて解決したのにもう忘れている・・・・

今回は調べたものを、ここに書き留めて置きたいと思います。

 

filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
background-color: rgba(255, 255, 255, 0.5);

上記のCSSで無事背景のみ半透明になりました。