CSSで背景画像の位置（ピクセル）指定のサンプル

1. 元画像

花を右上にもってきたいとき

1. (-70px -105px)

※もしくは、「background-repeat:no-repeat;」を解除して、正の整数指定ってのもあり。

右にずらしていく

1. (0, 0)
2. (10px, 0)
3. (20px, 0)
4. (30px, 0)
5. (40px, 0)
6. (50px, 0)

左にずらしていく

1. (0, 0)
2. (-10px, 0)
3. (-20px, 0)
4. (-30px, 0)
5. (-40px, 0)
6. (-50px, 0)

下にずらしていく

1. (0, 0)
2. (0, 10px)
3. (0, 20px)
4. (0, 30px)
5. (0, 40px)
6. (0, 50px)

上にずらしていく

1. (0, 0)
2. (0, -10px)
3. (0, -20px)
4. (0, -30px)
5. (0, -40px)
6. (0, -50px)

右下にずらしていく

1. (0, 0)
2. (10px, 10px)
3. (20px, 20px)
4. (30px, 30px)
5. (40px, 40px)
6. (50px, 50px)

右上にずらしていく

1. (0, 0)
2. (10px, -10px)
3. (20px, -20px)
4. (30px, -30px)
5. (40px, -40px)
6. (50px, -50px)

左下にずらしていく

1. (0, 0)
2. (-10px, 10px)
3. (-20px, 20px)
4. (-30px, 30px)
5. (-40px, 40px)
6. (-50px, 50px)

左上にずらしていく

1. (0, 0)
2. (-10px, -10px)
3. (-20px, -20px)
4. (-30px, -30px)
5. (-40px, -40px)
6. (-50px, -50px)