GeckoでCSS3のbackground-positionがサポート (残すはWebKit)

「CSS3のbackground-position」というのがポイント。

• mozilla-central: changeset 87254:f25d65f080f8
• Bug 522607 - [css3-background] Accept background-position values like "bottom 10px right 10px"

CSS3のbackground-positionでは、bottom 10px right 10pxみたく、基点付きでlengthを指定できる。これまでは左上に固定されていたので、たとえば右下に画像を置きたいんだけどべったり右下ではないときとかに困ってた。percentageを使えばなんとかなるけど、計算が面倒。CSS3でこれが解決できる。

で、Opera 11+とIE9+で実装されてて、FirefoxとWebKit勢で使えない状態だった。Geckoで実装されたので、残すはWebKitになる。去年パッチが投げられたんだけどそれが難有りで、その後もアップデートがなされずといった状態。

• Bug 37514 - [CSS3 Backgrounds and Borders] Implement CSS3 background-position offsets

なので、まだ使いづらい…

background-imageのサブプロパティが実装されたりと、B&Bの機能は去年の秋くらいから前進している。全ブラウザ実装となるとまだちょっと遠そうだけど、勧告の条件はけっこう早く満たせるのかもしれない。いや、そうでもないかな…