CSS3のbackground-sizeをIE7、IE8でも使えるようにするjQueryプラグイン「jquery.backgroundSize.js」!

2014/06/20

こんにちは。
今回はCSS3のbackground-sizeをIE7、IE8でも使えるようにするjQueryプラグイン「jquery.backgroundSize.js」を使ってみたので紹介したいと思います。

先日、背景画像を100%で表示するサイトを作る機会があり、IE8でも使えるようにするために入れてみました。
ちなみにbackground-size:containとbackground-size:coverどちらでも使えます。

CSS3のbackground-sizeをIE7、IE8でも使えるようにするjQueryプラグイン「jquery.backgroundSize.js」!

ダウンロード

下記のサイトのダウンロードのリンクをクリックしてダウンロードします。
このサイトがデモページにもなっています。

backgroundSize-ie

jquery.backgroundSize.js

 

設置してみよう!

まずはjQuery本体を読み込みます。
次にIE8以下という条件で先程ダウンロードしたjquery.backgroundSize.jsを読み込み下記のスクリプトを記述すれば完成です。
.aの所は適応する要素又は属性に変更して下さい。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。簡単にできますのでオススメです。
以上でCSS3のbackground-sizeをIE7、IE8でも使えるようにするjQueryプラグイン「jquery.backgroundSize.js」の紹介でした。

topへ戻る