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

Posted: 2015.08.21 / Category: HTML&CSS

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

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

louisremi/background-size-polyfill

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

css

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

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

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