2014年1月11日土曜日

IE6~8 で background-size を使う

jQuery プラグインの backgroundSize.js を使用すると、
 IE 6 ~ 8 で background-size と同じ動作をさせることができるようになる。

jquery backgroundSize.js
http://louisremi.github.io/jquery.backgroundSize.js/demo/

jQuery をロードした後に backgroundSize.js をロードして、
対象の要素へ以下のように background-size を指定すれば良い。

$('#target_element').css({backgroundSize: contain}); // background-size: contain と同じ動き
$('#target_element').css({backgroundSize: cover});  // background-size: cover と同じ動き

後から古いブラウザへ対応させなければならない場合に重宝します。

0 件のコメント:

コメントを投稿