new »

bgExchangerアップデート予定

Posted by dab | 2013年7月15日 月曜日 9:47:59 < JavaScript, コンピュータ >

背景画像のリサイズは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リリース、かな。

TrackBack URI : http://home.wi-wi.jp/blog/wp-trackback.php?p=1677

Leave a comment

:mrgreen: :neutral: :twisted: :shock: :smile: :???: :cool: :evil: :grin: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad:

new »