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の読み込みを忘れずに読み込んで下さい。
![[JS]IE7、8でも background-size:contain が利用できるjQueryプラグイン「jquery.backgroundSize」](https://com4tis.net/_c4press/wp-content/uploads/2015/03/jquery.backgroundSize-200x150.png)