スプライトを使用したCSSの背景配置

Question

スプライトを使用してスライドドアボタンを作成していて、問題が発生する部分があります。アンカーポイントを設定する方法と背景-URL画像の位置があります。したがって、このような何か：

background-position: 0 -47px top right; 

Answer 1

いいえ、あなたの「窓」、それ以外の場合はとなり、正確に画像を一致させる必要があるの寸法カット/その他の画像が表示されます。

スプライトをどこに配置するのかを指定することはできません（目的に近い）。

Answer 2

「top」と「right」は、0と100％の値のエイリアスです。

Answer 3

アンカーの幅と高さが一定の場合、スプライトを使用して座標を定義することができます（例では0〜47px）。アンカーがさまざまなサイズを持つことができるなら、私はその背景を別のイメージとしてカットし、バックグラウンドのために「右上」の位置を追加する方がよいと思います。上記のように、0〜47ピクセルと右上の値の両方を使用する方法はありません。