3

background-position画像スプライトでパーセンテージを使用してプロパティを使用しようとしています。つまり、背景画像をシフトしないので、機能していないようです。

ここで例を見ることができます：http：//jsfiddle.net/3UQYg/3/

ピクセルを使用すると、画像がシフトします。http：//jsfiddle.net/3UQYg/2/を参照してください。

私は何が間違っているのですか？！

4

2 に答える 2

7

背景位置: x% y%;

実際、パーセント背景位置は次のように機能します。

ここに画像の説明を入力

  • 横座標がの場合0%、イメージの左側がコンテナーの左側に揃えられます。
  • 横座標がの場合100%、イメージの右側がコンテナーの右側に揃えられます。
  • 中間値は線形に計算されます。

同様に、

  • 縦座標がの場合0%、画像の上辺はコンテナーの上辺に揃えられます。
  • 縦座標がの場合100%、画像の下側はコンテナーの底に揃えられます。
  • 中間値は線形に計算されます。
于 2015-01-18T12:45:01.323 に答える
0

丁度。

ピクセルは、背景位置のパーセンテージと同じようには機能しません。要約すると、たとえば background-position:30% 10% は、画像の 30% 10% にあるポイントを、共有する DIV または HTML タグの 30% 10% 軸に揃えます。パーセンテージを計算するのはそれほど明白ではありません。

次の記事ですべて説明しています: http://www.sitepoint.com/css-using-percentages-in-background-image/

于 2014-02-04T12:13:13.863 に答える