記事参照
No.3 2010/02/15 13:37
題:Re: 画像を壁紙にした場合の扱い方
名:酒
-moz-background-size - MDC
https://developer.mozilla.org/ja/CSS/-moz-background-size
3.6になってようやっとFxも(先行)実装されてモダンブラウザはあらかた出揃った。浸透するまではまだまだ時間を要すると思うが、興味があったら遊んでみるといい。
ただし、>>1が仰っているように縦横比が変わってしょんぼりすることもある。sizeの固定を縦あるいは横のみにするという手があるが、IEのほうをどうするか思い付かない。
html, body { margin: 0; padding: 0; height: 100% }
body {
background: url("hoge.gif") no-repeat top left;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='hoge.gif');
-ms-filter: "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='hoge.gif')";
}
掲示板に戻る