2008.09.19

CSSで透明度の設定

メニューのプルダウン部分を半透明にして
後ろの背景をすかしたいと思ったことがありました。
ですが、ブラウザによって透明の記述の仕方が異なるようでした。

調べた結果、この書き方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

というふうになります。


photo
yamada