【jQuery】background-sizeプロパティをIE8以下に適用させる

CSS3の background-size: coverは要素いっぱいに背景画像をフィットさせてくれるので、
特にレスポンシブデザインをするときなんかには便利ですね。

ただし、IE9以上からの対応となります。
IE8以下でbackground-sizeを使用可能にするにはjQueryプラグインを使用します。

#Usage

①　まずは下記ページからファイルをdownloadします。

github backgroundSize.js

②　jqueryとbackgroundSize.jsを読み込みます。

③　background-sizeを適用させたい要素に対して下記記述をすれば適用されます。

script.js

$(function () {

  //background-sizeを適用させたい要素
  $('element').css('background-size', 'cover/contain/幅*高さ');
  
});

もちろんIE9以上用に、CSSにもbackground-sizeを指定します。

それと、このプラグインを適用させてもCSSのbackground-sizeとは少し差異が発生するようです。
（background-positionやらheight周りをいじくる必要がありそうです。）

なので、ブラウザチェックは入念にしましょう。

※2015.04.06追記

こういったやり方もある模様
http://norm-nois.com/blog/archives/1414