2009/05/11

半透明CSS

CSS設定でオブジェクトを半透明にできるプロパティがあります。
IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。
他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。

http://www.mandarindesign.com/opacity.html

CSS Opacity設定

以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。

  filter: alpha(opacity=25);
-moz-opacity:0.25;
opacity
:0.25;
IE
alpha(opacity=透明度);
100が100%となる。25%の場合は、25
Firefox・Netscape
-moz-opacity:.透明度;
1.0が100%となる。25%の場合は、.25
Opera・Safari
opacity:透明度;
1.0が100%となる。25%の場合は、.25

CSS3.0からは、opacity:透明度;の設定ですべてのブラウザで表示可能となるようです。

半透明のグラデーションをかける-タグインデックス
http://www.tagindex.com/stylesheet/filter/alpha.html