css - Mozilla firefox中的背景位置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;