- 2006-12-25 (Mon) 12:08
- (X)HTML/CSS
数ヶ月前に、習作として作っていたbackground-position のサンプルがあったのを思い出したので、ここで書いてみます。
で、このサンプルをなんのために作ったのかというと、background-positionをパーセント指定したときに、その位置から背景画像が描画されるのではなく、background-positionを指定した要素のその位置と背景画像のその位置が同じ位置になるという、てんぽさんの記事に影響を受けたためだと思います。
サンプルの三つ目にある「background-position: 25% 75%;」の指定がわかりやすいです。ボックスの左から25%、上から75%の位置と、背景画像の左から25%、上から75%の位置が重なっていると思います（わかりやすいようにドットをつけました）。
間違っている解説サイトが多いのはてんぽさんの方でも挙げられていましたが、やはりわかりにくい部分は視覚的に確認するとマルですね。