date. 2015/3/9

category. HTML・CSS JavaScript

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の読み込みを忘れずに読み込んで下さい。

参考サイト

関連記事

Category