2010年3月20日土曜日

IE9 は CSS3 の opacity プロパティに対応

IE9 は opacity プロパティに対応しているので、以下にサンプルを載せておきます。

ソース

filter: alpha(opacity=50);
opacity:0.5;

参考までに上は IE8 でも対応していた filter を使った半透明化の方法、下が CSS3 opacity による半透明化の方法です。

サンプル

filterによる透明化

SDIE2008-s

CSS3 を使った透明化

SDIE2008-s

opacity に対応している Web ブラウザでは半透明になって表示されます。そして下の画像が IE9 で表示したものになります。

IE9opacity

ちなみに、フォントがメイリオ等 ClearType が有効になるフォントの場合 IE8 まではアンチエイリアスが無効になりギザギザした表示になっていました。しかし IE9 からは Direct2D の高品質な表示によりアンチエイリアスが有効なまま透明化することができるようになっています。