だぶだぶノート

背景画像のリサイズはCSSの

background-size: auto; /* デフォルト */
background-size: cover; /* アスペクト比固定、ボックス全体を覆う */
background-size: contain; /* アスペクト比固定、画像全体が表示されるようにする */

にすると楽なんだけど、新しめのブラウザしか対応していない。

しかも、bgExchangerでslideやwipe指定をすると背景の表示が面白いことになるので、面白くない。

やっぱり<img>を使ってwidth:100%、height:100%するしかないのか。

今の所の予定として、とりあえずbackground-position-x、background-position-yをサポートしていないFirefox、Opera12対策のためにbackground-positionに治したのにあわせて、次のバージョン、0.4はbackground-sizeで実装しておいて、その次0.5で<img>に作り直し。そのあと、リファクタリングして1.0リリース、かな。