css - css スプライトの背景位置

Question

css プロパティはbackground-position、要素内のどこに画像を表示するか (このように)、または画像のどの部分を表示するか (スプライトを使用する場合など) を示すために使用されますか?

私の例では、300px幅としましょうのdivがあります。その要素の右側に画像を表示したいので、通常center rightは背景宣言にaを追加しましたが、今では私の画像は精神なので、どうすれば制御できますか表示したい画像の座標は？このバックグラウンド プロパティは 2 つの異なる方法で動作するように思えます。

Answer 1

コンテナが、表示したい背景スプライト画像部分よりも大きい場合、画像の他の部分も表示されます。スプライト牛を使用してスプライトを生成すると、スプライト画像のさまざまな部分のcssが得られます

http://www.spritecow.com/

Answer 2

スプライトの要素を配置する場所が要素よりも大きい場合は、その周りに空白 (透過) を配置する必要があります。また、要素ではなくスプライト全体を中央に配置するため、center などのキーワードを使用することはできません。ピクセルを使用する必要があります。

スプライトを使用することは、背景が背景画像よりも大きいウィンドウを使用するようなものであるため、ウィンドウを配置する必要があります (実際には背景を配置します)。