[すなわち互換性] ie8互換性のあるbackground-size属性



Ie8 Compatible Background Size Attribute



互換性をテストしたところ、IE8ではロゴ画像が特に大きいことがわかりました。明らかに、background-sizeはie8と互換性がありません。

そこで、ハッキング用のファイル(.htc)を導入し、ie8にbackground-size属性のサポートを強制する別の方法を引用します。簡単に言えば、画像サイズを設定するためにjsファイルが導入されています。



htcファイルのbackground-size-polyfillプロジェクトのgitアドレスを使用します。 https://github.com/louisremi/background-size-polyfill/blob/gh-pages/backgroundsize.min.htc

次に、cssファイルのステートメントを参照します。



/*IE8 Image transparency is not available filter*/ -ms-behavior: url(../htc/backgroundsize.min.htc) behavior:url(../htc/backgroundsize.min.htc)