背景位置

所述 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 黑客攻擊。