オブジェクトを半透明するCSSの設定。
IEのみのだけでなく、Firefox、Opera、Netscape、Safariでも同じように半透明で表示することができる。
サンプル
次のコードでIE、Firefox、Opera、Netscape、Safariで半透明で表示できる。
---------------------------
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
zoom: 1.0;
---------------------------
IE
alpha(opacity=透明度);
100が100％
IEの場合、次のスタイルのいずれかが設定されていないと半透明にはならない。
プロパティ 値
display inline-block
height 任意の値
width 任意の値
float left または right
position absolute
writing-mode tb-rl
zoom 任意の値
(指定する値が無い時はとりあえず、「zoom: 1.0;」とすれば良いと思う。)
Firefox・Netscape
-moz-opacity:透明度;
1.0が100％
Opera・Safari
opacity:透明度;
1.0が100％
opacity:透明度;がCSS3.0から実装されるみたいなので、そうなるとこの設定でFirefox、Opera、Safari、Netscapeなど多くのブラウザで表示可能となるだろう。
ただし、IEは対応しないようだ。
私が試したところ、MacのIE以外ではオブジェクト半透明が実現できた。
注：ここに示したサンプルは私が制作した友人のサイトです。
コメントする