CSSトリックIE 7：-ms-interpolation-mode

このトピックはネット上では新しいものではありませんが、ここでそれに関する記事を見つけませんでした。 IEは、バージョン7以降、 MSDNで説明されているCSSプロパティ-ms-interpolation-modeを介して画像を補間 （スケーリングモード）および管理することができます 。



プロパティには2つの値があります。

- 最近傍 （低品質モード）-デフォルト

- バイキュービック （より良いバイキュービック法）



W3Cでは、このプロパティを-msプレフィックスとともに使用することをお勧めします。



<style type="text/css">

img.bicubic { -ms-interpolation-mode:bicubic }

img.nearest { -ms-interpolation-mode:nearest-neighbor }

</style>

<img class="bicubic" src="image1.jpg" width="50%" /> <!-- -->

<img class="nearest" src="image1.jpg" width="50%" />







結果は次のとおりです。







違いは顕著であり、非常に顕著です。 デフォルトでは、他のブラウザではバイキュービックモードが有効になっているため、このプロパティはIEでのみ機能します。 デフォルトのCSSファイルを安全に設定できます。



*+html img { -ms-interpolation-mode: bicubic }







このプロパティを記事のプロセッサ負荷に含めることの効果に関する記事は見つかりませんでした。 しかし、負荷グラフのジャンプが観察されると思います。



私のブログからクロスポスト 。