cssの背景画像の位置指定

cssで背景画像の位置を
background-position: center bottom;
なんて指定するわけですが、これって画像の配置の指定だけじゃなくって、画像の開始位置までまとめて指定してるんですね。
つまり上の例だと、ボックスの左から50%、上から100%の位置に、画像の左から50%、上から100%の位置がくるように配置するんだそうな。
確かにこうすると画像が意図した通りに配置されるんだよな。すげえや。


この背景画像の位置指定で困ってるのが、
右から何pxかって指定ができないのが残念だなあ。
左右の長さ固定のコンテンツなら左から指定すればいいんですが、
可変の場合とか需要あると思うんだけどなあ。
ググってもそういう話がなかなかヒットしない。

＜ブログランキング参加中、よければ押してってね＞