背景位置

所述 background-position 属性用于指定背景图像或梯度的起始位置

.myClass {
  background-image: url('path/to/image.jpg');
  background-position: 50% 50%;
}

使用 X 和 Y 坐标设置位置，并使用 CSS 中使用的任何单位进行设置。

CSS 中的单位可以通过不同的方法指定（参见此处 ）。

手写背景位置属性

除了上面的速记属性，还可以使用手绘背景属性 background-position-x 和 background-position-y。这些允许你分别控制 x 或 y 位置。

注意： 除 Firefox（版本 31-48） 2 外，所有浏览器均支持此功能。将于 2016 年 9 月发布的 Firefox 49 将支持这些属性。在此之前，这个 Stack Overflow 答案中有一个 Firefox 黑客攻击。