css - mozilla Firefox での background-position y 軸の問題

Question

私は試していますが、うまくいきません。Chrome では正常に動作しますが、Mozilla Firefox では動作しません。このプロパティはサポートされていませんか? 代替案はありますか？

.background {
  background:url('icon.png') no-repeat;
  background-position:0 4;
  width:32px;
  height:40px;
}

CSSを始めたばかりです。

Answer 1

バックグラウンド位置の値には、ゼロ以外の位置の単位値が必要です。したがって、アイコンを上から 4px 離したい場合は、次のように変更します。

background-position: 0 4px;

次のように、短縮形に位置を含めることもできます。

 background: url('icon.png') 0px 4px no-repeat;