Internet Explorer で「background-size」を機能させるにはどうすればよいですか?

background-size で IE の制限を克服する

background-size は広くサポートされている CSS プロパティであるにもかかわらず、Internet Explorer では課題が発生します。好奇心旺盛な開発者は、この重要なスタイルをこのブラウザでも意図したとおりに機能させるためのソリューションを探してきました。

答え: AlphaImageLoader フィルターの利用

幸いなことに、 AlphaImageLoader フィルターの形式。IE 5.5 以降でサポートされます。このフィルタを使用すると、IE 内で画像のスケーリングを操作できます。

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

AlphaImageLoader フィルタ使用に関する注意点

AlphaImageLoader フィルタは画像全体を次のようにスケーリングすることに注意することが重要です。指定されたエリアに収まります。スプライトを使用している場合、これにより位置合わせの問題が発生する可能性があります。

さらなる調査のためのリファレンス

さらに詳細な情報については、Microsoft の公式ドキュメントを参照してください。 AlphaImageLoader に関するドキュメントフィルター:

https://msdn.microsoft.com/en-us/library/ms532984(v=vs.85).aspx

以上がInternet Explorer で「background-size」を機能させるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。