IE、Firefox、Safari、Chromeにて、CSSでalpha(透明)を作りたいとき。

IE、Firefox、Safari、Chromeにて、CSSで透明を作りたいとき。

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

本当はOpacityの設定だけで事足りるのだけれど、レガシーなIEとFirefoxとかでは効かないため。
IEは9以降でOpacityが効く。CSS3.0に対応しているからだそうだ。
フォントがメイリオなんかのClearTypeの場合アンチエイリアスがシャギッてしまったのもIE8まで。
IE9からはDirect2DDirectWriteと連携して、アンチエイリアスが効いたきれいな状態で透明化することができる。Windows 7およびWindows Server 2008 R2から実装された他、Windows VistaおよびWindows Server 2008でもサポートされた。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA