みかづきブログ その3

3ヶ月つづけてみました。

IE8でもbackground-sizeを変更する。

CSS3から導入されたbackground-size非常に便利なプロパティです。
これさえあればbackground-imageに設定した画像のサイズを変更し放題、しかしIE8では効きません。

なんとかがんばる

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='背景画像のパス',sizingMethod='scale');

と指定すると、background-size: 100% 100% に近い動きを実現できます。


jQueryのプラグインをつかう

jquery.backgroundSize.js をつかうとJSの力で解決できます。

jquery.backgroundSize.js