Retinaの対応や、背景画像でなどで使用するCSSのbackground-sizeですが、
IE8以前では対応していないため、IE8以前でも使用するために
jQueryPluginの『jquery.backgroundSize』を使用します。
ダウンロード
ダウンロードするには『jquery.backgroundSize』のサイトへ行き、
ダウンロードするか、
こちらからダウンロードします。
使用方法
使用方法としては、対応したいSelectorにbackgroundSizeをJavaScriptで指定します。
IE8以下のみ指定したいため、条件分岐を入れます。
<script src="jquery.backgroundSize.js"></script> <!--[if lte IE 8]> <script> $(function() { $("body").css({backgroundSize: "auto"}); }); </script> <![endif]-->
jquery.backgroundSizeはjQueryを使用するため、jQueryの読み込みを忘れずに読み込んで下さい。