IE8でも全画面背景（cover）が使用できる「backgroundsize.htc」

そろそろIE8はサポートしなくてもいいのではないかなという頃合いですが、IE8でも「background-size:cover」や「contain」を使えるようにする方法をご紹介します。

投稿日2015/08/21
更新日2015/08/21

htcファイルをダウンロード

Githubで公開されているので下記URLから「backgroundsize.min.htc」をダウンロードします。

louisremi/background-size-polyfill

使用方法

ダウンロードした「backgroundsize.min.htc」をルートディレクトリに配置して、CSSで下記の用に指定します。

1
.selector {
2
    background-size: cover;
3
    -ms-behavior: url(/backgroundsize.min.htc);
4
}

動かないときは「position: relative;」や「z-index」なども指定してみてください。

使用方法がシンプルでいいですね。