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

Question

スプライトを使って引き戸のボタンを作っていますが、1 つの部分で問題が発生しています。アンカーポイントと背景URLの画像位置を設定する方法はありますか:次のようなもの:

background-position: 0 -47px top right;

Answer 1

いいえ。「上」と「右」は、値0と100％の単なるエイリアスです。

Answer 2

いいえ。「ウィンドウ」の寸法は画像と正確に一致する必要があります。一致しないと、切り取られたり、他の画像が表示されたりします。

スプライトを配置する場所を指定することはできません (それはちょっと目的を超えています)。

Answer 3

アンカーの幅と高さが一定の場合、スプライトを使用して座標を定義できます (例では 0 -47px)。アンカーがさまざまなサイズを持つことができる場合、その背景を別の画像としてカットし、背景に「右上」の位置を追加する方がよいと思います。上の人が言ったように、0 -47px と右上の値の両方を使用する方法はありません。