IE8でbackground-sizeを使いたい:jQuery

2014年12月26日


Internet Explorerもバージョン11がリリースされていますが、アクセス解析から判断すると、2014年12月時点の弊社調べでは IE8のシェアは減少傾向にあるものの、まだ無視できない数の利用者を見受けられます。

高さウィンドウいっぱいのサイトデザイン

ぱっと開いたファーストビューいっぱいの背景は昨今の流行りの一つです。
ここで便利なのがCSS3から導入された「background-size」プロパティの「contain」や「cover」なのですが、「contain」であろうが「cover」であろうがIE8には効きません。(当然ながらIE6にもIE7にも効きません)


jquery.backgroundSize.jsを使う

そんなIE8やIE7でも「background-size」を利用できるようにしてくれるのがjquery.backgroundSize.jsです。

使い方は簡単。
上記をダウンロードしてきて、IE8以下の時に読み込ませれば良いだけです。



「.hoge」はbackground-sizeを有効にしたいブロックのclassやIDに書き換えて下さい。


以上で対応完了となります。
古いIEに対応するケースは徐々に減ってきていますが、まだまだ個別に対応を行う必要があるブラウザも残っています。 ご対応が難しい場合にはご相談いただけますようお願いいたします。

カテゴリー: jQuery, 対応事例   パーマリンク

コメントは受け付けていません。

Home >  対応事例 > jQuery > IE8でbackground-sizeを使いたい:jQuery